Docs

[thelistener]

Hi there!
Here’s the link to the site I’m working on.

I added this custom css to make the top bar sticky on tablet/mobile devices. Problem is that now it completely covers the nav bar.

@media (max-width: 979px){
	.x-topbar {
		position: fixed;
		top: 0;
		left: 0;
		width: 100% !important;
  }
}

I only want the topbar to be sticky on mobile. THANKS!

[Friech]

Hi There,

Thanks for writing in! Please update your css code to this:

@media (max-width:  979px) {
.x-topbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
	}
body.x-navbar-fixed-top-active .x-navbar-wrap {margin-top: 46px;}
}

Hope it helps, Cheers!

[thelistener]

THANK YOU THANK YOU THANK YOU! AND THIS IS WHY X RULES ALL!

[Prasant Rai]

Thanks for the good words. It means a lot to us. Feel free to ask us again. Have a great day! 🙂

[Author]

Posts