[amihaidaniParticipant]

Hello,

I used the css code you guys provide for making the mobile header fixed.
Well, it’s fixed. But..
After loading a page, and then scrolling down, the header will be “left behind” and not show, and only after i stop scrolling down, and start scrolling up – it shows again.
It is not really stable.

Anyway to check it out on a mobile and see for yourself?
I used Iphone 6, 6S, 7, and 5 for this – on both safari and chrome.

Thank you!

[ChristopherModerator]

Hi there,

Please find and remove this code :

a.x-btn-navbar {
    margin-top: 22px!important;
    display: none!important;
}

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Hope it helps.

[amihaidaniParticipant]

Hey,

Thank you for your reply.
The code didn’t help, so let me try and be more accurate:
I disabled the X theme’s native hamburger, i’m using superfly.

I did set my header to be fixed on mobile. so far, so good.

Now, if you go to my site on mobile, and you start scrolling down – you’ll see the superfly hamburger on the right, fixed, as it should be.

BUT – THE ACTUAL HEADER IS LAGGING BEHIND! it’s not visible!
only when you STOP SCROLLING, the header “catches up”, and visible again.

Any way to help me with this? It’s frustrating, it looks amatuer.
Thank you.

[JoaoModerator]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

[amihaidaniParticipant]

Is it possible to help without access to our WordPress dashboard?

Also, now I see the on mobile, if I enter a new page, the top of page (point 0) is not below the header, but behind the header, starting at the header’s 0.

This fixed header thing issues on mobile really makes it look amateur and I really don’t know if X is the issue or what. If so, I’m truly disappointed.

Any way to figure it out, without accessing our backend? Thank you.

All of the code I used to make the header fixed on mobile was from this forum, btw.

[RadModerator]

Hi there,

Fixed positioning is disabled in mobile intentionally. A mobile menu could be long with so many items, its height may become taller that mobile height. Selecting items outside the height of mobile isn’t possible since it will move as you scroll. But, you can still implement the fixed positioning in mobile by adding this CSS to Admin > Appearance > Customizer > Custom > CSS

.x-navbar-fixed-top {
    position: fixed !important;
}

Hope this helps.

[amihaidaniParticipant]

Thank you, but this is not what i meant.

My navbar is fixed on mobile. all good. sticky and fixed. it’s up there.

Let me try and be more precise, again:
I have 2 issues:

1) The navbar is sticky on mobile. all good. but when you start scroll down, then it disappears, and re-appear when you stop scrolling. It’s like the navbar is lagging behind, and not “catching up” with your scrolling. ONLY WHEN YOU REST YOUR THUMB AND STOP SCROLLING – there it is! the navbar shows again! yay!

THIS IS BAD.

2) When i enter a new page, the page’s headline, the main H1, is “hiding” behind the navbar. Because the page starts from absolute point 0. when you just touch the screen, the page “realizes” that it has to start from BENEATH the navbar, and not BEHIND IT, and then it like “pops” and being pushed down.

I really need someone to help here, because i’m sorry, but if it keeps happening, i have to move to DIVI back again.
This is really really really frustrating and my clients tell me that it looks bad.

Thank you.

[RadModerator]

Hi there,

In that case, please provide your site’s URL and login credentials if possible.

Thanks!

[Author]

Posts