Hi, I used the code that you guys gave a while back but for some reason the green menu line does not display on the active main menu item or on hover.
Below is the code you guys gave.
Can you help?
#top .current-menu-item > a .avia-menu-text {
padding: 10px 13px;
border-bottom: 2px solid #66b700 !important;
}
Hey NetphoriaInc,
Can you try adding this css code:
.av_minimal_header .avia-menu-fx {
display: block !important;
}
Flushing out cache might be needed. Hope this helps :)
Best regards,
Nikko
Hi Nikko –
I was having the exact same issue as NetphoriaInc, and put in the code you suggested in the General Styling > Quick CSS area.
Unfortunately, this did not fix the issue for me :-(. Can you advise?
R
Added wrong login info. Correct version is in private area.
Thanks,
R
Hi,
Try to add this custom code:
.menu a:hover {
border-bottom: 2px solid green;
}
.current-menu-item a {
border-bottom: 2px solid green;
}
Best regards,
John Torvik
Hi John –
Progress! Yes, this did work, however, I want to use a hex color. Is that possible? For example #ff876c.
I put this in just to try it, but didn’t work. Do I need to use a different syntax – or is this just not supported?
Thanks,
R
Hi,
You can replace the code by this:
.menu a:hover {
border-bottom: 2px solid #ff876c;
}
.current-menu-item a {
border-bottom: 2px solid #ff876c;
}
Best regards,
John Torvik
Great. That worked. Thanks!