Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1372253

    Hi Amazing Enfold Team,
    I can’t figure out why my mobile burger menu is not staying light blue.
    On sliding the window to a different device size it first appears in white, then it turns to a dark blue on tablet and when its on smaller devices it turns light blue which is the color I would like on all screen sizes.
    I am using the transparent glossy header on the homepage that I changed with css to a dark blue maybe that’s causing it?
    I also added css to hide the logo on the homepage because the logo appears in the image below. (just in case you are wondering)
    Thanks so much for helping.
    Tina

    The site is still hidden so Ill add the login below.

    #1372269

    Hey Tina,

    Please try the following in Quick CSS under Enfold->General Styling:

    .html_mobile_menu_tablet .header_color div .av-hamburger-inner {
        background-color: #fff !important;
    }

    Best regards,
    Rikard

    #1372694

    Hi Rikard,
    that worked almost :) the middle line is white now all the time, but the top and bottom line still switch colors.
    Thanks
    Tina

    #1372708

    Hi,

    Please try this CSS instead:

    .html_mobile_menu_tablet .header_color div .av-hamburger-inner, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::after {
        background-color: #fff !important;
    }

    Best regards,
    Rikard

    #1372847

    Yay!!! Thanks so much Rikard. That worked well!
    Tina

    You can close this now :)

    #1372854

    Hi,
    Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘burger menu on mobile menu changes colors on breakpoints’ is closed to new replies.