[xpyouth]

Hi,

Why is it that the Drop Down Menu is not clickable (nothing happens when I click on it) in the mobile Chrome? It works fine in mobile firefox.

http://www.xpyouth.org

Please email [email protected]

[xpyouth]

http://www.xpyouth.org

The menu is all out messed up in mobile chrome (android). It works fine in Firefox. Any ideas?

[Sakin]

@xpyouth: It’s because you have disable responsive design. Once you disable the responsive, it will show the full width website in mobile and will work as per the setting of mobile devices. If you want consistence in mobile design then you need to enable responsive design.

[xpyouth]

Hi Sakin,

I found the issue with the menu wrapping on mobile chrome. Even though it’s probably a chrome issue, you may want to update your CSS in the next release to include the below fix since many do not like the responsive design their website like myself and many do use mobile chrome.

#header-menu ul.menu a {
display: block;
text-transform: uppercase;
white-space: nowrap; *******this was added to fix the mobile chrome menu wrap issue
}

[Sakin]

@xpyouth: Thanks for your help and your site looks WOW. I love it. Yes, I took a look at it and it’s a wrapping issue. http://css-tricks.com/almanac/properties/w/whitespace/

[Author]

Posts