Docs

[MIGAMusic]

Hi, just have a question about the fixed navbar on mobile code. My site is migamusic.net

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

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

This code makes a fixed navbar and makes sure the content doesn’t suddenly jump like the navbar does (css taken from another thread). I was wondering if there was anyway to make sure that this fixing of the navbar motion was smooth like it is on the desktop? My site is on hidden right now, so I will attach the login info to the next post. Thanks.

[MIGAMusic]

This reply has been marked as private.

[Lely]

Hi There,

Please try updating your CSS to this:

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

body .x-navbar-fixed-top {
      position:fixed !important;
     -webkit-transition-property: position;
      transition-property: position;
}
}

Hope this helps.

[MIGAMusic]

Hi Lely!

Thanks for the quick reply. Unfortunately, the animation is still magnetic :(. If it can’t be fixed, I will deal with it as it is sort of a minor issue, but let me know if there’s anything else I can try! Thank you!

[Rue Nel]

Hello There,

The code should have work or at least you can see the difference. Since you have installed a caching plugin SuperCacher, please clear your plugin cache before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Please let us know how it goes.

[Author]

Posts