Breadcrumb area on mobile with fixed navbar disappears under navbar

[solarwoods]

My initial problem was that a “fixed” navbar isn’t fixed on mobile. I followed the instructions of a related post and added:
@media (max-width: 979px) {
.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
position: fixed;
}
}
When I scroll down the page, the breadcrumb area goes under the navbar (that’s ok).
When I scroll back up the page, the breadcrumb area doesn’t come back out from under the navbar (that’s not ok).
How can I get the breadcrumb area to show again? If I reload the page I can see it but that’s not going to work for my clients.

[ruenel]

Hello @solarwoods,

Thanks for posting in!

To resolve your issue, please add this JS code in the Theme Options > Global JS (http://prntscr.com/evswzb)

jQuery(function($){

	$(window).scroll(function(){

		if( $(this).scrollTop() < 50 ) {
			$('.x-navbar-fixed-top').removeClass('x-navbar-fixed-top');
		}

	});

});

We would love to know if this has worked for you. Thank you.

[solarwoods]

I ended up removing the fixed navbar on mobile due to an unintended issue that caused. With the navbar fixed on mobile, I discovered that I couldn’t reach the bottom of a long menu because I couldn’t scroll to the bottom. Oops. With the navbar no longer being fixed to the top, I no longer need this fix. Thanks though for the very quick response.

[ruenel]

You’re welcome!
We’re glad we were able to help you out.