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


    I would like to be able to change the background-color, hamburger icon color and the logo of the mobile menu when I start to scroll down.
    The mobile menu is sticky and should continue to be so.

    This is only for when starting to scroll in mobile/tablet view!

    Site is currently hidden, please login to see.
    Details have been privided.


    Hey grafixstudio,

    Thank you for using Enfold.

    Looks like you managed to accomplish what you need. The header is fixed or sticky on mobile view. All that’s left to do now is adjust the vertical position of the mobile menu because it’s a little bit off.

    @media only screen and (max-width: 767px) {
        .responsive #top .header-scrolled .av-main-nav .menu-item-avia-special {
            display: block;
            top: 20px;

    Best regards,


    Yes but when I scroll in mobile view i want to:

    • Change the logo
    • Change the hamburger icon colors
    • Change menu/header background color

    I can not figure out how to do this for specifically when I start scroll.
    How do i do this?


    Hi grafixstudio,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,

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

You must be logged in to reply to this topic.