Can the MOBILE NAV kick in sooner?

Support
#1

Hey all!

Loving the theme, but I’m wondering if I can have the Mobile Nav Bar (three lines)kick in sooner.
Honestly I’d love the mobile nav bar all the time so if you know how to do that as well that would be great.

Thanks so much!

#2

A little bump before the night. Anyone know if I can force that mobile nav?

#3

Hi There,

You should not bump your topic, it will move your topic to the end of queue.

Please try adding this custom CSS under Theme Options > CSS:

@media (max-width: 1024px){

    .x-nav-wrap.desktop {
        display: none;
    }

	a#x-btn-navbar {
	    display: block;
	    float: right;
	}

	.x-nav-wrap.mobile {
	    display: block;
	}

	.x-nav-wrap.mobile.x-collapsed {
	    display: none;
	}
}

Hope it helps :slight_smile:

1 Like
#4

My mistake. Thanks for the heads up and for the help.

No discernible changed when I add that custom global CSS.

Mobile Nav (3 line button) still appears when I get to about tablet size.

#5

Hi,

Try to change 1024px to a higher number. to make the mobile button appear earlier.

eg.

@media (max-width: 1200px){

    .x-nav-wrap.desktop {
        display: none;
    }

	a#x-btn-navbar {
	    display: block;
	    float: right;
	}

	.x-nav-wrap.mobile {
	    display: block;
	}

	.x-nav-wrap.mobile.x-collapsed {
	    display: none;
	}
}

If that doesn’t help, please provide us your site url so we can take a closer look.

Thanks

1 Like
#6

That worked beautifully. THANK YOU SO MUCH!

#7

Glad to hear it’s sorted.

Cheers!

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.