Docs

[Larry K]

hello,
for a simple test:

Home

on desktop, view the submenu dropdowns
on mobile, look what happens when you click a menu –> the submenu is displayed OVER / ON TOP OF the other menu items.

how to fix that?

I tried to display the submenus items on the right? didn’t work.
Is there a setting to always expand all menus for mobile?

Surely there must be something, as you can’t read/see the sub menus on mobile

thanks

[Rupok]

Hi there,

Thanks for writing in! It’s because you have set semi-transparent background for the submenu so the menu items behind this is visible which looks odd. You can set a solid background for the submenu for mobile.

You can add this under Custom > CSS in the Customizer.

@media only screen and (max-width: 959px) {
.ubermenu .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop {
  background-color: #000;
}
}

Hope this helps.

[Larry K]

thanks — that will be good enough 🙂

note/fyi: I added it to the ‘Custom CSS Tweaks’ section in ubermenu.
it caused unwanted results when added to the X Customizer

🙂

[Jade]

You’re welcome, Larry!

[Author]

Posts