Menu problems – chamber.umbrellahost.net

[Gary Piland]

We’re pulling our hair out over this menu issue. We even bought the pro version, but it has the same problem.

When we scroll a page, the width of the dropdown menus goes very narrow. This overrides UmberMenu settings rendering the menu unusable on mobile devices.

Please tell us how to fix this. Thanks!

[Gary Piland]

The site is: chamber.umbrellahost.net

[Gary Piland]

Thanks for your help!

[Gary Piland]

Maybe this will make the issue clearer…

chamber.umbrellahost.net

When you roll over Chamber Info (first menu item) and the page is NOT scrolled up, the dropdown menu is nice and wide, when you scroll the page up a bit and roll over the same menu item, the dropdown is very narrow.

I know this is related to the header class “scrolled” but I can’t find where it’s messing up the dropdown menu width.

Hope this helps!

[Andy]

Could you add the following CSS to your child theme stylesheet

.main-navigation ul ul li, #masthead.scrolled .main-navigation ul ul li {
	float: left;
}

#masthead.scrolled .main-navigation li {
	position: static;
}

Hopefully this should fix the UberMenu issue. If this doesn’t fix it, please let me know and I’ll look into it some more.

[Gary Piland]

Fantastic! That did the trick. I have to say your support is extremely fast and accurate.

I appreciate the help very much.

Have a great day!

[Author]

Posts