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…

06-Oct-2020 — The sticky header must contain the navigation as well. … Making the menu fixed means that your navigation will always be fixed to the top of the … I’ll do the integration on the Debut theme which at this time is the default …

Same problem for me :disappointed_face:

I have managed to fix it with option 1 (but only on desktop). At first I got a delay on the top of each page, but I changed the padding top to 226px instead of 80px. I looks fine on desktop, but on mobile it is still a delay. Can anyone help?

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.

@kwaris @AustinK @rahulmittal79 You may want to give a try to this solution if you’re still having trouble with it. Kind regards, Diego

Caution This is an advanced tutorial and is not supported by Shopify .

Sticky/Fixed Header and Navigation for Debut Theme

Store Design

AustinK February 16, 2021, 11:45pm 113

@emelineno

Iwas dealing with the same issue. gave up trying and paid $15 for some dev here to get it fixed for me. these things should be done automatically by shopify…

Topic		Replies	Views
Sticky header (transparent on home page, white background with black on other) Technical Q&A	23	261	March 27, 2023
Debut Theme -Page moving behind Sticky header when scrolling down Store Design	6	56	November 16, 2022
Hopefully someone can help? Main menu/ Navigation issues Technical Q&A	9	163	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	153	July 21, 2022

Sticky/Fixed Header and Navigation for Debut Theme

Related topics