I would like to change the font colour on the button only section on my menu bar. Currently the background colour is yellow and the font is red. Once I scroll it turns white. I would like to change this to red (only on the Contact button, the rest of the menu can stay in white).
Hey mayamaria,
Please try the following in Quick CSS under Enfold->General Styling:
.header-scrolled #menu-item-171 .avia-menu-text {
color:red !important;
}
Best regards,
Rikard
Hi Rikard,
Thank you . I have another question regarding the sub menu.
1. I would like to be able to change the size of the sub menu link as it is too large compared to the main menu.
2. How can I adjust the spacing between the sub menu links? Also too much space in between and would like to make it tighter.
Thank you,
Maya
Hi Maya,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #header .av-main-nav ul.sub-menu a {
font-size: 11px !important;
}
Do you want to make it less or more?
If you need further assistance please let us know.
Best regards,
Victoria