Hello I wonder if you can help us out, as we can't find the remedy in your help pages. We are building a second site strictly for mobile. We wish for our main menu buttons to not serve as a link, but simply act to expand the subcategory links down, however, on our androids, when clicking the main buttons, we are directed to the home page of our website. Not every time, but maybe every other time, which is really strange. This will hinder our visitors' ability to navigate. As you can see by the attached screenshot, we even added a dead link submenu button immediately beneath the main buttons, to prevent our fingers from touching the first active link, and this didn't help. If you choose to view the source code of the attached html file, you can see that the main tabs and first subcategory links have "<a href="#">" inserted. Can you please tell us what we are doing wrong?

Thank you for your assistance.
David Finley
World Net Enterprises, Inc.

Hi David,

Can you please provide a link to your website. This often helps us better understand what is going on.

Thanks

Sure it's http://m.defenseproducts101.com. Please narrow your screen to 600 px. We haven't configured the menu for wider screens yet. Thanks we'll look forward to hearing from you!

BTW this doesn't happen on desktop, only on our android LG phone. Thanks again!

Ok,

First thing I noticed is your mobile version is not responsive. When I view this website on my android the menu button is much larger and off the screen to the right. I have to pinch the screen and zoom out to view the full menu. Using a responsive menu on an absolute positioned website is kind of a contradiction. For best results you should make your mobile grid more fluid.

As for your menu, it seems to be working as it should, at least on my Samsung Galaxy s3.

I have used this type of menu on many of my clients websites with no issues. Some can be found here :
http://kmsconstruction.ca/
http://donnelly-construction.ca/
http://www.outietool.com/

I have many more but that will give you an idea. Have you considered using Responsive Layout Maker to create your mobile first website? It works very well at building a responsive (fluid) layout. There are many advantages to doing so as you once setup it really wont ever matter what screensize you are viewing the website on. It will automatically change according to device its being viewed on. You can find more on it here: http://www.coffeecup.com/responsive-layout-maker-pro/

Thanks for your reply.

When you say mobile grid more fluid, are you speaking of setting the menu width at 100%, like everything is on our desktop site at defenseproducts101.com? I was having issues with my phone showing the site at around 1000px, rather than 600, which resulted in a large white vertical space on the right, rather than zooming in. When I set absolute values for your menu, the site shows correctly on our androids, but does sometimes land "zoomed", but not always. Once you pinch and zoomed, was the menu around the same width of the site? If so, we will set all at 100% width again, and try to figure out why the site was doing just the opposite of what you witnessed. So sorry to be such a hassle. We really like your menu...Just have to make it work before purchasing. Concerning reworking our root domain, we rank better than we ever have. As we learned the hard way, major changes can drop you like a rock. I'll look forward to your reply. Dave

Hi David,

No that's not what I meant at all. Your website is not fluid meaning its design is on fixed width in your case 600px. What you want to do is build a grid that is based on percent. If you try to put a menu that is fluid, like the Menu Builder menu into a fixed width website it really doesn't matter what you use there will be no impact on what the menu does. Using this practice of mobile design will drive you nuts trying to make it work on all devices both landscape and portrait view.

If you look at my websites that I gave as an example you will see the power of a fluid website. Start off by opening them on your desktop, then slowly minimize the width of the browser. You will see the content shift around and adjust to the size of screen it is viewed on until it is eventually at mobile size. By using fluid grid systems I don't need to manage two websites , mobile and desktop, I only need to change the content of the one and the rest takes care of itself. I used RLM to create all three of those examples.

If I had control of your project I would use Responsive Layout Maker to design your layout then import the Menu Builder code into that. I would guarantee you that it would work 100% of the time on 100% of the mobile devices on the market and even fit ones that have not even been introduced to the market yet.

Pretty amazing work that you do Steve! Question: Can product data be imported, as well as category descriptions to build the body of the pages? We know we will have to go to a responsive design soon, for several of our sites, some much large than the taser site. The second mobile site is simply a quick temporary fix. We found out that 60% of our nearly 30K visitors last month were mobile. When we saw that in Google analytics, we freaked. We've had our attentions directed at other projects/websites for the past couple of years (which is pretty obvious). Concerning present project, we'll set everything back to 100% and give that a shot.
Dave

No you cannot import project data.

Responsive Layout Maker is just a website layout maker. It allows you to build a responsive (fluid) grid system that you can customize with any html editor once exported. If you want to make a store type website then you would have to use amazon or paypal buttons to complete the transaction. If you visit www.outietool.com you can see how I used RLMP to produce a selling platform. It is not as extensive as a regular shopping cart but it can be done.