Drop Down Menu (Mobile) Broken


#1

On the live demo site for hiero, when viewed on a mobile device or a desktop with the browser window at a small width, the drop-down menu is broken. It works fine for the level 1 menu, but when trying to view the 2nd level menu, it does not display properly. Instead, it half-appears inside of the level 1 drown-down portion.

I would love to use this theme if this problem was fixed. Thanks!


#2

Hi,

Please post a link to your website, so we can check.

Best Regards,
Csaba


#3

As I said, the problem shows up on the hiero live demo site: http://demo.athemes.com/hiero/ which obviously travels over to, I assume, any site that uses the theme. But you should be able to look at the demo site to see the problem when the window size is small or when viewed on a mobile device.


#4

Hi,

You can tweak the menu depending on your dropdowns, that’s why I requested a link to your site, the demo’s dropdown can be fixed with this Custom CSS:

@media only screen and (max-width: 60em) {
#main-navigation:target > .sf-menu > ul {
    max-height: 400px !important;
    min-height: 300px !important;
    width: 320px !important;
    max-width: 480px !important;
}
}

If you post a link to your website, I can give you a Custom CSS for your site.

Best Regards,
Csaba