Sticky Navigation Bar On Debut Theme [SOLUTION] Post author:administrator Post published:March 12, 2022 Post category:Uncategorized Follow below steps to add sticky navigation bar in your debut theme of shopify. Go to Theme -> Action -> Layout -> theme.liquidFind </head> closing head tag and just above it paste the below code. <!-- Debut theme sticky header :: start --> <style> #shopify-section-header { position: sticky; position: -webkit-sticky; top: 0; z-index: 9; } </style> <!-- Debut theme sticky header :: ends --> If you want only on desktop screen and don't want sticky navigation bar in mobile view then add below code. <!-- Debut theme sticky header :: start --> <style> #shopify-section-header { position: sticky; position: -webkit-sticky; top: 0; z-index: 9; } @media screen and (max-width: 800px) { #shopify-section-header { position: unset; position: unset; top: unset; z-index: unset; } } </style> <!-- Debut theme sticky header :: ends --> Hire Me Tags: debut theme, fixed navigation bar, shopify, sticky navigation bar Read more articles Previous PostHow Do I Autoplay an Embed YouTube Video in Shopify Homepage Next PostCustom Testimonial Section in DAWN Theme Shopify | Copy Paste Code | Without App You Might Also Like How To Add “Add To Cart” Button On My Collection Page March 8, 2022 Free Shipping Progress Bar on Cart Drawer and Page April 16, 2024 PayPal donation button or link that has a credit card option April 7, 2024