Hello :) I''m getting a bunch of menus on my mobile site, 1 hamburger would be enough :) When you click on it there are 2 menus again and the theme is dark making the menu items hard to read. See attached.
I see that you are using two menus (mega menu) and thus thats why there are shown two menu bars in mobile, to disable default menu of Kalium add this code:
Thank you. I deactivated the Max mega menu because it was still acting weird on mobile. How can I change the font size, weight and color of the theme menu?
Hello :) I''m getting a bunch of menus on my mobile site, 1 hamburger would be enough :) When you click on it there are 2 menus again and the theme is dark making the menu items hard to read. See attached.
Thanks
Mihaela
Hi Mihaela,
I see that you are using two menus (mega menu) and thus thats why there are shown two menu bars in mobile, to disable default menu of Kalium add this code:
.main-header.menu-type-standard-menu .standard-menu-container .menu-bar{display: none !important
}
As for dark menu, you have to configure it in options of Uber menu how it is shown in mobile devices.
Hi Arlind
Thank you. I deactivated the Max mega menu because it was still acting weird on mobile. How can I change the font size, weight and color of the theme menu?
Hi Mihaela,
Just add the code below to Custom CSS:
.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li>a, .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>a { font-size: 18px !important; font-weight: 400 !important; color: green !important; }*then you can change their settings based on your preferences.