Menu Bar Not Sticking to Top/Gap

Hi,

My menu bar wont stick to the top of the page when I scroll down. Furthermore, there is a gap showing on my website while viewing on desktop and sometimes on mobile.

URL: freeprinting.co

Any suggestions on where I can fix?

Thanks,

Same problem here:
http://voixoffonline.eu/

Hi @monewilliams,

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

You can try resolving this issue 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;
    left: 0;
}

Best Regards,
Movin

@voixoffonline On your site it is not displaying fixed because of the following custom CSS code that you are using on your site.

nav.fixed.scrolled {
    visibility: hidden;
    opacity: 0;
}

So to resolve the issue either remove the above custom CSS code from your site or try 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 {
    visibility: visible;
    opacity: 1;
}