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 Accept Credit and Debit Card Payments Without Paypal account? April 8, 2024 Add Color Swatches in Shopify Product Pages? All Free Themes April 6, 2024 The Home of the Future Could Bebes September 9, 2021