Tagged: navigation bar
I’d like it blue to match my footer color. I have tried making changes to the main menu links in advanced styling, but nothing is having any effect. Even changes to the font color. I am not using any CSS custom styling yet at all.
I would like to have the background be blue, the links to be white, and for them to be grey and underlined on rollover. As shown in the link in the private content box.
Can you help?
Hey Dandelion222,
Would you be able to provide admin credentials so we can look into this further. It is strange that the css is not taking.
Best regards,
Jordan Shannon
Here you go.
Hi,
Please, update the Enfold (Ive seen that you
re using the 3.4.7 version) following this tutorial: http://kriesi.at/archives/the-complete-guide-to-updating-enfold
Check if there`s some problem after the update.
Best regards,
John Torvik
I have updated Enfold. I see no change to my issue.
Hi,
The menu seems to be have a blue bg now and I corrected the text with the following css:
.avia-menu .menu-item a{
color:#fff!important;
}
Best regards,
Jordan Shannon
It turns out, my client does not like the yellow underline that shows as one rolls over the different options in the navigation bar. How do I turn that off?
Hi,
Add the following to quick css:
.av-main-nav li:hover .avia-menu-fx{
display:none!important;
}
Best regards,
Jordan Shannon
That got rid of the rollover effect, thank you! But can we also make it so there is no yellow line at al. Right now it sits under the nav item for the active page.
Hi,
Add the following:
a span.avia-menu-fx{
display:none!important;
}
Best regards,
Jordan Shannon