Docs

[rwkaiser]

Hello,
I was able to setup the theme to display the full menu on the tablet but would also like it to be fixed to the top while scrolling similar to desktop mode. I know there is a JS or media query which is assigning the class dynamically but am having trouble finding it.

At present I added this in the customizer css to get the menu I want on the tablet:
@media (min-width: 768px) {
.x-nav-wrap.desktop {
display: block;
}
.masthead-stacked .x-btn-navbar {
display: none;
}
}

What do I now need to add to get the menu to be fixed on the top when scrolling?
I have the site in maintenance mode as I am not yet ready to deploy.

Thank You.

[Nabeel A]

Hi there,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

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

Let us know how this goes!

[Author]

Posts