Docs

[brendanduggan11]

Have a problem with the nav bar sliding to the left when I scroll down on mobile. I cant find the problem. I attached some screen shots.

when the page loads the nav bar is pushed all the way to the top of the screen like it should be. But when i scroll down it shifts to the left like the screen shots. Then the nav bar is no longer pushed to the top.

Thanks for the help.

http://www.sunshinesalsatours.com

[brendanduggan11]

This reply has been marked as private.

[Paul R]

Hi,

To fix it, you can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 979px) {
.masthead-stacked .x-navbar.x-navbar-fixed-top {
    width:100%;
    position: fixed;
    clear:both;
    float:none;
}

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 90px;
}
}

Please make sure to clear your browser cache before checking again.

Thanks

[brendanduggan11]

The above did not fix the problem. I ended up finding the problem code to be

.x-navbar {
transition: all 0.5s ease 0s; } }

How can I keep the transition on the navbar in the desktop while keeping it fixed in the mobile?

[Jade]

HI there,

Please update your code to:

@media (min-width: 980px) {
    .x-navbar {
        transition: all 0.5s ease 0s; 	
    }
}

Hope this helps.

[Author]

Posts