Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1422273

    I am trying to get the main menu hovers and current state to change. I want to remove the bottom border and put on a top border. Having a very difficult time targeting those rules. Even chatGPT can’t help me.


    Hey Sryde,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .av-main-nav li:hover .avia-menu-fx, 
    .av-main-nav li .avia-menu-fx,
    .current-menu-item > a > .avia-menu-fx, 
    .av-main-nav li:hover .current_page_item > a > .avia-menu-fx {
    	top: 0;

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,


    Huzzah! I would never have guessed those rules – appreciate it.


    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change Main Menu Hover’ is closed to new replies.