Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 12, 2023 at 11:07 pm #1422273
    sryde

    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.

    October 13, 2023 at 1:17 am #1422278
    Mike

    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,
    Mike

    October 16, 2023 at 11:13 pm #1422712
    sryde

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

    October 17, 2023 at 12:57 am #1422727
    Mike

    Hi,
    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,
    Mike

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