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

    Support,

    How to change the hamburger menu color when on sticky header.
    also for social media icon on sticky header

    Regards,
    Philip

    #1221058

    Hey Philip,

    Could you post a link to the site in question so that we can have a closer look please?

    Best regards,
    Rikard

    #1221108

    Hi Rikard,

    Please see image link
    https://ibb.co/F3RmLz5

    Also is it possible to add a new custom image size?
    because the image size that I need is not on the list.

    Regards,
    Philip

    • This reply was modified 5 years, 7 months ago by spirhid101.
    #1221521

    Hi Philip,

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

    .html_header_sticky .av-hamburger-inner:before, .html_header_sticky .av-hamburger-inner:after {
      background: blue;
    }

    Best regards,
    Rikard

    #1221605

    Hi Rikard,

    .html_header_sticky .av-hamburger-inner:before, .html_header_sticky .av-hamburger-inner:after {
    background: blue;
    }
    above code is not working. I only need the color will be blue on sticky header when you scroll down.
    the code also change the color even without scrolling down.

    Also is it possible to add a new custom image size? because the image size that I need is not on the list.

    Regards,
    Philip

    #1223319

    Hi,

    Sorry for the late response. You can try this one instead.

    .html_header_sticky .header-scrolled .av-hamburger-inner:before, .html_header_sticky .av-hamburger-inner:after {
         background: blue;
    }

    We added the “.header-scrolled” selector so that it only applies the style or color when the site or header is scrolled.

    Best regards,
    Ismael

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