Header Menu Dropdown Arrow Colour

  • Author
    Posts
  • #78157

    leminegroup
    Member
    Original poster

    Hi there,

    How do I modify the colour of the dropdown arrows in my header menu? Currently it is default as dark grey, and is blending in with my homepage slider and header menu colour. I’d like to make it white to stand out. Please let me know, thanks!

    The blog I need help with is: leminegroup.wordpress.com

    #78257

    rezzap
    Staff

    Hello,

    You can change the color of the arrow with the following CSS in the Custom CSS add-on:

    .sf-arrows .sf-with-ul:after {
        border-top-color: #FFF;
    }

    This will make them white.

    Thanks!

    Rebecca

    #78260

    leminegroup
    Member
    Original poster

    That did the trick and made the arrows white!

    But the arrows still turn dark grey when I hover them and the dropdown menu pops up. Is there a way to make them permanently white regardless of whether I hover over them or not?

    Thanks for your help!

    #78263

    rezzap
    Staff

    Hello,

    Try adding the following and it should do the trick to change the hover color:

    .sf-arrows > li:hover > .sf-with-ul:after,
    .sf-arrows > .sfHover > .sf-with-ul:after {
        border-top-color: #FFF;
    }

    Thanks,

    Rebecca

    #78264

    leminegroup
    Member
    Original poster

    That worked!

    Thanks!!!

    #78265

    rezzap
    Staff

    Glad to hear! :)

    Cheers,

    Rebecca

The topic ‘Header Menu Dropdown Arrow Colour’ is closed to new replies.