Header hiding contend after scrolling on mobile

When I am on a mobile or in the mobile view of the editor and I scroll down and back up the content pops under the header menu and I can’t see it anymore. Does anyone know why this is happening?

Here is a gif of the issue:

You can also see it live on your phone at FloatRubicon.com Any help would be great. Thanks.

So in the mean time I made the header navigation bar static so that is scrolls with the page. This is not ideal. If it could be fixed that would be good.

If there is a way to make the header fixed on the desktops but static on the mobile?

Okay one more update. I added

@media (max-width:979px){
.x-navbar {
position: static;
top: 0;
right: 0;
left: 0;
}

Trying to make the navbar fixed on larger pages and static on smaller. It works on the preview sizes in cornerstone. The large size works on my computer.

The mobile version on safari/iphone still has a fixed bar though. It will not become static.

When I request the dekstop site in safari on iphone the navbar become static.

Any suggestions?

ugg sorry I must have had some conflicting CSS or something.

I think I have everything fixed.

Glad to hear that. Have a great day! :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.