Docs

[btdtboutique]

Hey guys,

Thanks in advance for this one. I’m still having problems with the fixed menu for mobile. After advice from similar x theme forum articles I’ve been using the following code in customizer > css.

@media (max-width: 979px) {
body .x-navbar-fixed-top {
position:fixed !important;
}

However the menu is really clunky and “glitches” when I’m on mobile scrolling up and down. Is there any way that the menu can stay fixed on mobile but not glitch when scrolling up and down? Either to be permanently fixed, so it doesn’t jump at all, or have a smooth transition from the top to being fixed on scroll?

Currently Using X theme with Integrity Stack. URL is http://ouchdigital.com. Glitchyness happens when using on either android or iPhone mobile device.

Thanks in advance.

Cheers,

Bernard

[Rupok]

Hi Bernard,

I don’t see any glitch as you have it under the slider. If you want to make it sticky on top from the beginning then add this instead :

@media only screen and (max-width: 979px) {
body .x-navbar {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
}
}

Hope this helps.

Cheers!

[btdtboutique]

Hey, no sorry it didn’t change anything.

It’s best to see when you navigate to http://ouchdigital.com/services/ on mobile. When you scroll down the menu sticks, but when scrolling back up the menu goes back to the top but then “jumps” back over the section below it.

It only happens on actual mobile devices and not in Chrome inspect element.

Is there any way for the transition between the top menu being static and sticky to be either a smooth transition, or at least hold its position at the top when scrolling back up.

Let me know and I can send screenshots on mobile so you can see what I mean.

Thanks again. All I would like to find out is if the mobile menu can be fixed without glitching when the user scrolls back up to the top.

Cheers,

Bernard

[Rupok]

Hi Bernard,

If you use the code then the Navbar will be fixed from beginning and won’t do the jump. I have tested the code for your site and should work if you add properly.

Thanks!

[Author]

Posts