Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 17, 2025 at 6:10 am #1477230
    lara666

    Hi team,

    Could you please assist me with my menu links? I would like them to be #FFFFFF and #ED1C24 when hovered over or when on the active page.

    Currently, they appear slightly off white and turn red on hover, but revert to white when on the page.

    Thanks heaps!

    February 17, 2025 at 5:55 pm #1477268
    Mike

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

    #top #header .av-main-nav > li.current-menu-item > a .avia-menu-text, #top #header .av-main-nav > li.current-menu-item > a .avia-menu-subtext {
    color: #ED1C24;
}
.header_color .main_menu ul:first-child > li > a {
	color: #fff;
}

    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

    February 17, 2025 at 10:42 pm #1477283
    lara666

    Hi Mike,

    Thanks for your response.

    This does make the link red on the selected page, but unfortunately, it turns black when hovered over. I’d like it to be #ED1C24 on hover as well.

    I really appreciate your help!

    February 18, 2025 at 7:03 am #1477310
    Ismael

    Hi,

    Thank you for the update.

    You can adjust the menu items in the Enfold > Advanced Styling panel. Look for the Main Menu Links element. You can choose to apply styles on hover, active state, or both.

    Best regards,
    Ismael

    February 19, 2025 at 3:16 am #1477353
    lara666

    Hey Ismael,

    In the main menu links panel, I’ve already set the active state to white (#FFFFFF) and the hover state to red (#EC1C24). However, I also need the links to be highlighted in red (#ED1C24) when on their respective pages. Right now, when clicking on any menu item, it remains white (#FFFFFF).

    Additionally, the main menu links appear off white or slightly transparent—I need them to be fully white. Please check the link below for screenshots and titles explaining the issues.

    Thanks :)

    February 19, 2025 at 5:29 am #1477365
    Ismael

    Hi,

    I also need the links to be highlighted in red (#ED1C24) when on their respective pages

    Have you tried adding another instance of the Main Menu Links element and enabling the Apply only to active state option? If this doesn’t work, please provide the login details in the private field.

    Best regards,
    Ismael

    February 21, 2025 at 4:35 am #1477525
    lara666

    Hi Ismael,

    I’ve added another Main Menu link in advanced styling and set it to #FFFFFF, and it looks great now. However, I still need the menu items to appear in #ED1C24 when on the respective page and on hover. Please check the login details in the private area content.

    February 21, 2025 at 6:27 am #1477539
    Ismael

    Hi,

    Thank you for the info.

    We adjusted the advanced styling of the Main Menu Links for the active state. Please make sure to purge the cache before checking the page.

    View post on imgur.com

    Best regards,
    Ismael

    February 24, 2025 at 12:32 am #1477724
    lara666

    Hi Ismael,

    Thank you so much, it looks great!

    February 24, 2025 at 4:55 am #1477731
    Ismael

    Hi,

    No problem! Let us know if you have more questions.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Header menu items colour’ is closed to new replies.