Menu jumps out of stickey header on smaller screens (laptops)

Hello!

I've noticed that on smaller screens my menu jumps out bellow the sticky header when I scroll down.
How do I fix this?

I did add some extra code per request of the client to make the background more white, but I can't see this having any influence.
#Top_bar.is-sticky {
    background: #ffffff !important;
    opacity: 1 !important;
}

My website is www.apsmaastricht.com

Thank you in advance!

Comments

  • HI,
    this is because you have too many menu items and they simply do not fit. Nothing special going on.
    To fix this, go to theme options>responsive>header and change the initial width value. This will let you enable the burger menu earlier.
    thanks
Sign In or Register to comment.