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 Create a High-Converting Pricing Table in Shopify (2025 Guide) April 9, 2025 How to Add Marquee slider with background image in Shopify store? June 27, 2025 How to Add Collection Slider in Shopify? April 10, 2024