Menu items flash up orange before using colour set in settings

  • Resolved starpro

    (@starpro)


    10 years, 9 months ago

    After editing the menu item colour in the settings menu, the menu items change to the new colour. However, sometimes when first loading the menu items show orange first before swapping to the colour set in the settings.

    I assume there must be some setting within the code / CSS that is responsible for this behaviour, and wondered if you were aware or could point e in the right direction to save me searching?

    Thanks in advance.

    [Moderator Note: No bumping, thank you.]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter starpro

    (@starpro)

    I have found that adding the following CSS resolves this issue.

    /* Ensure Menu colour is always right (stops orange flashing up) #1 */
.main-navigation ul li:hover a {
    background: none repeat scroll 0 0 #95bf31;
}

/* Ensure Menu colour is always right (stops orange flashing up) #2 */
.main-navigation ul li.current_page_item a,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current-menu-parent a,
.main-navigation ul li.current_page_parent a,
.main-navigation ul li.current-menu-ancestor a {
    background: none repeat scroll 0 0 #95bf31;
}

    Obviously, set #95bf31 to the colour that you have set you menu items to.

    I encountered the same problem! Thanks for sharing the solution @starpro! Now it works like a champ!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Menu items flash up orange before using colour set in settings’ is closed to new replies.