Home Forums Free Themes WEN Associate Changing Mobile Menu Bar colors

This topic contains 3 replies, has 2 voices, and was last updated by  wensolutions 1 year, 9 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #54708

    JimD
    Participant

    you know, the three horizontal lines that appear on smartphones in lieu of the regular menu. I saw a thread which included helpful css changes but NOT exactly what I wanted for the bars themselves

    this is the code presented

    /* CSS For Changing the menu icon Bar on mobile */

    @media only screen and (max-width:900px) {
    #mobile-trigger {
    background : #CC0000 none repeat

    }
    }

    this is good to change the background of the bars but not the bars themselves

    _____
    _____
    _____

    which remain orange
    any suggestions would be helpful thanks..JD

    #54736

    wensolutions
    Keymaster

    Hello @jimd,

    To change the mobile menu trigger bar colors in WEN Associate theme, you can paste in the following custom CSS in your Admin Dashboard > Appearance > Customize > Additional CSS :

    @media only screen and (max-width: 767px){
    #mobile-trigger .fa.fa-bars {
        color: #0917e6;
    }
    }

    You can change the color of the bars to your desired color by changing the color hex code.

    Hope this Helps,

    Best Regards !!

    #54784

    JimD
    Participant

    Yes!! we have a winner!! thank you JD

    #54827

    wensolutions
    Keymaster

    Hello @jimd,

    Glad we could help you !!

    If you have any issues further, please feel free to post your queries and we will happily help you further.

    We will really appreciate if you could help us too by rating our theme in WordPress repo here:-

    https://wordpress.org/support/theme/wen-associate/reviews/

    Best regards !!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.