Tagged: custom.css, main-menu, menu bar
Hello,
I would like to customize the menu bar of my site to highlight a tab, like allabouteyes dot com did on their site with the “shop eyewear online” tab.
If this goes beyond the scope of your support I completely understand, just thought i’d ask.
Thanks,
Ryan
Hi Ryan,
You can do that by selecting for the menu item in question to be shown as a button under Appearance->Menus. Look for the Menu Style option under the menu item which you want to highlight.
Best regards,
Rikard
Thank you Rikard. That was easy. Any way to customize the color to have a yellow background with a blue or gray text?
Ryan
Hi,
Is this for the book now button?
Best regards,
Jordan Shannon
Hello Jordan yes this is for the book now button.
Thanks,
Ryan
Hi,
Add this to quick css:
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
background-color: yellow!important;
color: #539be8!important;
border-color: yellow!important;
}
Adjust the colors to what you need.
Best regards,
Jordan Shannon