Mobile width navbar destroying layout

When site is loaded, navbar will open up and move content down (instead of showing on top of it), thus destroying page layout, sometimes it even stops there with white space, after collapsing menu…

This is not happening after scrolling page down, when navbar gets anchored to window.

Is there any way to force navbar to work in anchored manner directly after loading (to show on top of content instead of moving it down)?

To clarify: *when the site is loaded and navbar menu is clicked

Hi @no1dea,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other


nav#site-navigation {
    position: fixed;
   top: 0;
    width: 100%;
    z-index: 999;
    left: 0;
    right: 0;
}

If the above code doesn’t work for you then could you please share me your site URL where it’s happening so that i can troubleshoot it?

Best Regards,
Movin

Hi Movin,
yup, that one helpled, I couldnt guess the class for whole bar, thanks a lot!!!

You are most welcome here :slight_smile: