Header not sticky op mobile

[macvink]

Hello,

For mobile I have an header that won’t stick at the top. I have set the header to sticky but the header still scrolls out of the browser’s window. I have tried this: deleted all CSS and there is no Java active in JS in the settings.

[ruenel]

Hey @macvink,

Thanks for writing in!

The behaviour of the fixed top header is that it is only a fixed top on desktop and larger screens. In smaller screens, it will scroll along with the page.

Since you are using the Pro theme, it is best that you create your own custom header in Pro > Headers and then design your own custom mobile header. You can do this by insert two bars. One bar will be visible for larger screens and the second bar can be designed for smaller screens. You can show/hide the bar by utilizing the “Hide During Breakpoints” option. The following video tutorials should be able to help you in creating your own header.

Best Regards.