Docs

[Roger L]

Hi Team,

On the mobile view of this website http://www.milanamay.com. The menu bar is not staying fixed top as the setting are configured. It their someplace else the I must make changes for the menu navbar to stay fixed top on all devices.

Thanks you

[Joao]

Hi There,

Please add the following code to Appereance > customizer > Custom > CSS

@media (max-width: 979px){
.x-navbar-fixed-top {
    position: fixed;
  
}
.x-navbar .x-container.max.width {
    width: 100%;
    max-width: 100%;
  }
}

Hope it helps,

Joao

[Roger L]

Hi Joao,

This almost works %100. The problem now is when you see each page on the phone. Their is a small delay when the Media query takes effect on the static top menu. What I see happening now is the content area under the menu after is becomes static does a funny giggle and adjusts back to the top and back down. When you use your thumb to scroll up or down the content movement is not smooth at all.

Go to any page, Scroll down than back up and you will see things change and the way back up.

Also, just pull down an any page and the content top margin changes.

[Rad]

Hi there,

Please try this

@media (max-width: 979px){
.x-navbar-fixed-top, .x-navbar {
    position: fixed;
   width: 100%;
}
.x-navbar .x-container.max.width {
    width: 100%;
    max-width: 100%;
  }
}

Fixed navigation is not really intended for mobile due to some issues. It may take some customization to perfectly fit it and there are multiple devices.

Thanks!

[Roger L]

I have added your css and so far the effects seem very smooth.

I am continuing to test and I truly appreciate your efforts to support. This stuff is not easy nor will it every be as simple as some people think about development.

Thank you.

[Paul R]

You’re welcome! 🙂

[Author]

Posts