I like the menu item to show the indicator (small border underneath) on hover, but I don’t want the active or current page to show an indicator. I am using a child theme, so I tried to alter the CSS in my child theme’s CSS file.
I tried this:
nav.main_menu ul#avia-menu li.current_page_item{border-bottom-color:#fff;}
But this does not work.
Can you help, please?
Hi msalem951!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.current-menu-item > a > .avia-menu-fx { opacity: 0; visibility: hidden; }
Regards,
Yigit
Thank you!