Static Navigation on Mobile - CLS

Support
#1

Hi there,
I would like to have the navigation menu on mobile static.

Now the navigation menu is fixed, and seems to be causing some layout shift at the top of the pages, and cls problems on DevTools.
In found also this css in theme options :

#mb{display:none;}
@media (min-width: 240px) and (max-width: 667px) { 
	#mb{display:block;}
	#dk{display:none;}
}

What can i do to resolve the cls problem ?
Thanks

#2

Hey Manuel,

Thanks for writing in! I have checked the site and the CSS seem not related or being applied to any element on the page. It must be for an specific page or just a left over code. If you want a static navigation, you may need to remove this custom JS which has been added to the site:

/* <![CDATA[ */
jQuery(document).ready(function($){
	$(window).scroll(function(){
		if ($(this).scrollTop() > 0 && $(window).width() < 980 ) {
			$('.x-navbar').css( {position : 'fixed', top : 0, width : '100%', 'z-index' : 1030 });
		} else {
			$('.x-navbar').attr("style", "");
		}
	});
});
/* ]]> */

You may need to edit the homepage or check the Cornerstone > Theme Options > Code > Global JS to find the code.

Best Regards.

#3

Hey Ruenel, thanks a lot for your help! It worked. have a wonderful day

#4

You are most welcome, Manuel.

#5

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