Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 14, 2022 at 7:18 pm #1358365
    erikviss

    Hello,

    I would need to change the main menu properties.
    When I hoover over the menu items a thick line appears under the menu item and the font stays the same.
    I need to have the menu text change to red. I do want a line underneath.

    How do I do that?

    July 14, 2022 at 7:46 pm #1358370
    Rikard

    Hey erikviss,

    You can set that under Enfold->Advanced styling. When you edit the main menu links in there, then you can check then Apply only to mouse hover state in order to apply your styling to the hover state only.

    Best regards,
    Rikard

    July 14, 2022 at 8:09 pm #1358376
    erikviss

    Thanks… I was able to change the font to another color. But the line underneath is still there.

    July 14, 2022 at 11:26 pm #1358396
    Mike

    Hi,
    Please try using the Enfold Theme Options ▸ Advanced Styling ▸ Main Menu Indicator and set the option to zero to hide this:
    2022-07-14_009.jpg
    Or try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

    #header.header_color .avia-menu-fx {
	display: none;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    July 14, 2022 at 11:58 pm #1358399
    erikviss

    The first one worked! YAY!!!

    July 15, 2022 at 12:07 am #1358401
    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 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Menu hoover change’ is closed to new replies.