Docs

[markusp80]

Hi!

I have installed the UberMenu addon. Works great!

Is there a way to make the UberMenu top nav menu sticky on mobile?

I found this in another forum thread:

.x-navbar-fixed-top {position: fixed;
z-index: 1030;}

But I guess it doesn’t work when I use UberMenu?

/Markus

[markusp80]

Btw, the site I want to do it on is http://www.markusp.se

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

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

Hope that helps.

[markusp80]

Hmm, it’s a bit inconsistent.

It works on this test page: http://www.markusp.se/portfolio-test/

But not on my main page http://www.markusp.se

Any idea why?

[Nabeel A]

Hi again,

Please replace the previous code with this one:

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

After adding the code please purge all the site’s cache as you’re also using a cache plugin which could display a cached page even after adding the code.

Let us know how this goes!

[markusp80]

Nope, still does not work. I think I know why.

This page: http://www.markusp.se/portfolio-test/ is built in Cornerstone. The rest of the website is built in visual composer. Does that explain it? Having plans of rebuilding it in cornerstone, just haven’t had the time yet.

[Christopher]

Hi there,

You’re using cache plugin, please clear cache and check again.

Thanks.

[markusp80]

Nope, sorry, no difference.

I have cleared all caches. The sticky menu for mobile only works on this page http://www.markusp.se/portfolio-test/ not the rest of the website. I would say it has to do with that this page only is built in Cornerstone.

[Thai]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link login to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[markusp80]

This reply has been marked as private.

[Thai]

Hey There,

I’ve added the custom CSS under Customizer > Custom > Global CSS.

The navbar is fixed on both mobile & desktop.

Regards!

[markusp80]

Thanks, now it seems to work : )

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts