Docs

[RocktheHouse1876]

When the nav bar is viewed in a mobile mode, there are two levels of the “menu” hamburger. In that, when user clicks the menu hamburger, there is a dropdown which reveals another menu hamburger to click. I am using the X-Theme UberMenu add-on.

How do I remove the first hamburger menu?

Thanks so much!

[RocktheHouse1876]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.ubermenu-skin-clean-white.ubermenu-responsive-toggle:hover {
    background: transparent !important;
}

.ubermenu-skin-clean-white.ubermenu-responsive-toggle {
    font-size: 20px !important;
    text-align: center !important;
}

@media screen and (max-width: 979px) {
.masthead-stacked .x-btn-navbar {
    display: none !important;
}
.x-nav-wrap.mobile {
    display: block !important;
}
}

Let us know how this goes!

[RocktheHouse1876]

Wow! That was it! Genius!

The only other fix is for the submenu under “Golf Car Products”. It only displays 7 of the 9 sub menu items. It’s like the sub-menu will only extend the length of the entire menu placeholder and anything else longer gets cut off. What do you thinK, is there a way to fix?

[Rad]

Hi there,

Please add this CSS as well,

@media ( max-width: 979px ) {
.x-nav-wrap.mobile {
    overflow: visible !important;
}
.ubermenu-submenu {
position: static !important;
}
}

Thanks!

[RocktheHouse1876]

That was the trick. Perfecto! Thank you for your help!

[John Ezra]

You’re most welcome!

[Author]

Posts