-
AuthorPosts
-
July 19, 2017 at 3:33 pm #824026
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;
}July 20, 2017 at 6:27 am #824385Hey 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,
NikkoAugust 7, 2017 at 2:13 pm #835371Hi 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
August 7, 2017 at 3:30 pm #835411Added wrong login info. Correct version is in private area.
Thanks,
RAugust 7, 2017 at 5:46 pm #835496Hi,
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 TorvikAugust 7, 2017 at 5:57 pm #835504Hi 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
August 7, 2017 at 7:09 pm #835552Hi,
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 TorvikAugust 7, 2017 at 7:17 pm #835560Great. That worked. Thanks!
August 8, 2017 at 9:09 am #835743 -
AuthorPosts
- You must be logged in to reply to this topic.
