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…

Awesome tutorial! I do have a little problem though… after I scroll down the page and then back to the top, the top bar covers the content underneath it. if that makes sense…

Hei! I have the same problem. Did you find the solution?

Hi Rabbie and Alice, My guess would be that the code that is being used is coming from Option II of the guide, and not Option I. The code in Option II will only work correctly if the announcement bar is enabled. If the announcement bar is not enabled, then it might create the behaviour that you ar…

Ahh so I am using the Pt 2 code but with the bar dissabled in the theme…

So I have enabled the announcement bar but the announcement bar is still there…

Hi Sean, Thank you for this tutorial. I am having the same problem as the users above except that I am using Option 1 -AND- I have the announcement bar enabled. The header and announcement bar stick to the top of the site and look great, but now the rest of the page content starts at the top of the…

I should add that I am also seeing the following error in my browser’s debugger: $(window).on(“resize”, $.debounce(500, headerSize)); <<<<<<<<< [$.debounce is not a function.] Is there some library I’m missing here? I’ve copied the code exactly. Thank you!

hi @SeanP We seen all the comments and code , but all the codes may be not full-fill your needs . We provide you a very simple code for “Debut” theme . Any way here the code :slight_smile: <script> //announcement bar $("[data-section-id = header]").css({"position":"fixed","z-index"…

Sticky/Fixed Header and Navigation for Debut Theme

Store Design

aliceO July 17, 2019, 2:53pm 8

Same here!

It’s working now. Thank you!

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

Sticky/Fixed Header and Navigation for Debut Theme

Related topics