Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 19, 2018 at 2:40 am #899432
    lmmoonlight

    Hello Team Enfold,

    I’m having trouble figuring out how to change the color of the search and Menu (3 Line) Icons on the mobile version of my website.

    Any Ideas?

    January 19, 2018 at 5:05 am #899468
    Mike

    Hey lmmoonlight,
    Try this code in the General Styling > Quick CSS field:

    .header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after {
    background-color: yellow!important; 
}

    adjust the color to suit

    Best regards,
    Mike

    January 19, 2018 at 9:46 pm #899866
    lmmoonlight

    Hi Again Mike.

    That seems to work for the 3 lines. How about the search icon in mobile?

    January 20, 2018 at 2:04 am #899919
    Mike

    Hi,
    Try this:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a {
color: yellow !important; }
}

    Best regards,
    Mike

    January 22, 2018 at 8:33 pm #900954
    lmmoonlight

    Hmm, that didn’t seem to work Mike.

    January 23, 2018 at 3:31 am #901104
    Mike

    Hi,
    Please try:

    @media only screen and (max-width: 767px) {
#top #wrap_all .main_menu li#menu-item-search {
color: yellow !important; }
}

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.