Caution This is an advanced tutorial and is not supported by Shopify . It is specific to an unedited version of the Debut theme, released 7th of March. We cannot guarantee results for themes that have been modified with custom coding and/or apps. We suggest hiring a Shopify Expert if you are not com…

At the bottom part of the code that goes into the theme.css.liquid there is the line of code called #page container {padding-top:80px; The number 80 is what needs to be changed. For my case I changed the number 80 to 107. Let me know if that works #SearchDrawer { z-index:1001; } #shopify-section…

Change the number 80 to 107. The number 107 made it stop doing what you described in my situation. Maybe try playing around with that number until it stops This is the line of code you need to edit as you can see instead of 80px i changed it to 107px #PageContainer { padding-top: 107px; } View …

Unfortunately it didn’t work out, but thanks anyway!

Hi there, I followed all the instructions in your post, but just got a white space between the header and the slideshow (first thing under the header). The header/announcement does not follow me when I scroll down either. My website is www.immigenshop.com Thanks! Edit: Solved!

Hi Sean, Excellent work, thank you! So I was stoked using option 1 that it worked on both desktop and mobile. BUT but on mobile, the scroll-down menu that resides in the header does not function as desired: after scrolling down the site, sticky header all perfectly in place, I clicked the menu… b…

Thanks for this amazing and helpful tutorial about Fixing header and Navigation for Debut Theme. I also face that problem but due to your tutorial, i solve that problem and my store is running properly. Again Thanks.

And for the all code works only on mobile? I have a debut theme.

Hi SeanP this is really helpful. However, I am wondering if it is possible to fix the nav bar except for checkout. I find it inconvenient to see the nav bar while making payment

Hello!!! That’s really nice. I have a little issue with it. My breadcrumbs are not appearing after the implementation of the code. Here’s how I have them coded: [code1.png] Do you know what can I do to fix it?

Sticky/Fixed Header and Navigation for Debut Theme

Store Design

GYGY January 22, 2020, 2:49am 45

By the way, I am using a premium theme, not the debut etc

Thanks

Topic		Replies	Views
Sticky header (transparent on home page, white background with black on other) Technical Q&A	23	230	March 27, 2023
Debut Theme -Page moving behind Sticky header when scrolling down Store Design	6	51	November 16, 2022
Hopefully someone can help? Main menu/ Navigation issues Technical Q&A	9	151	August 9, 2022
Debut Theme sticky header without announcement bar Store Design	0	24	October 4, 2021
How to change header-menu layout Envy Theme Store Design	18	143	July 21, 2022

Sticky/Fixed Header and Navigation for Debut Theme

Related topics