Docs

[Ivan A]

Hi,

I’ve been trying all the settings on the integrated Ubermenu where I am facing this particular problem on the mobile menu.

I’m using the transparent background for the navigation menu which works like how it should on desktop. On the desktop, when I click on a menu item, the dropdown has a white background which is what I set it as under the Ubermenu settings

However when I click on the ‘Menu’ on mobile, this does not happen. It remains transparent, and only if I click on the submenu item, does it show the submenu items with a white background.

I want to set the white background on mobile to appear immediately when it dropsdown. I’ve run through all the settings in Ubermenu and can’t seem to find any that gives me what I want.

Is there a CSS fix for this?

The site is http://www.catholicfoundation.sg.

Appreciate your help! Thanks.

Ivan

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

@media screen and (max-width: 959px){
.ubermenu-responsive-default.ubermenu-responsive.ubermenu {
    margin: 0;
    background-color: #fff;
}
}

Hope that helps.

[Ivan A]

Hey Christopher!

Brilliant!! Worked like a charm.. Many thanks for the assistance!

Cheers,
Ivan

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts