Dear @YuntioR
Hope this will help you
- From your Shopify admin, go to Online Store > themes.
- Locate your current theme and then click Actions > Edit code.
- After that in the Assets folder, click to open your theme.scss.liquid file.
- Go to the very bottom of this file and paste the following code:
/* Start */
.sticky {position: fixed;top: 0;width: 100%;z-index: 999; max-width: 100%;background: #fff;-webkit-box-shadow: 0px 5px 22px -8px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 22px -8px rgba(0,0,0,0.75);box-shadow: 0px 5px 22px -8px rgba(0,0,0,0.75);}
/* End*/
- In the same Assets folder, click to open your theme.js file
- Go to the very bottom of this file and paste the following code:
// Start sticky Navbar
$(window).scroll(function(){
if ($(this).scrollTop() > 50) {
$('.site-header').addClass('sticky');
}
else {
$('.site-header').removeClass('sticky');
}
});
// End sticky Navbar
- Ensure that the code was copied exactly from this guide and pasted correctly, making sure no characters or symbols are missing.
- Save and check your theme by refreshing it.
If you still need help you can contact us by using the link or email given at signature.
