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!
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
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