Tagged: dropdown menu, menu, submenu
If you go to our site at https://www.reachdetox.com and hover over the “Services” tab, you will see that the dropdown menu appears very strange…the links are side by side instead of vertical and the font size is too big. We would like for all dropdowns to appear standard like most websites, where the links are vertical and the same font size as the main tabs, and we’d also like that nice light gray background color for the dropdowns.. I went through all of the Enfold customization options but could not find where to make these menu changes. Can you please help us out?
Thanks,
Ron
Hi ronprosky!
The services menu item is using a mega menu instead of a regular drop down.
Ensure that the services menu item is identical to the “test portfolio” item as shown in the below screenshot.
Cheers!
Dake
Ok cool, I fixed the megamenu issue, thanks. How can I edit the background color, link and hover color in the dropdown?
Hi!
You can do so by adding and adjsuting the color values of the below css:
.header_color .main_menu .menu ul li a {
color: #000000 !important;
}
.header_color .main_menu .menu ul li a:hover {
color: #333333 !important;
}
.header_color .main_menu ul ul {
background-color: #000000 !important;
}
Regards,
Dake
Looks great, thanks!
Hey!
You’re welcome, glad we could help :)
Please let us know if you ever need any help in the future.
Regards,
Dake
Hi Guys,
I have the exact same issues.
Website; http://www.stormoog.nl
tab: diensten
The dropdown is very big and are next to each other. I’d like to have this menu with the same fontsize and beneath each other.
my menu looks identical to the test portfolio item as you suggested.
thanks a bunch.
regards
martijn
Hey!
@martijnhendrikx Please go to Appearance > Menus and make sure that you are not displaying your “diensten” menu item as mega menu
Regards,
Yigit
hi Yigit.
great, that already did it!