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…

Hi Sean, I used the option two on my brooklyn theme and it worked great. I have a few issues though and I was hoping you could help me with it. Or anyone that knows the answer! I have the fixed menu change color when i scroll down, but I don’t know how to also change the text and icons, they stay w…

@jessisaun Same theme and issues for me. Did you discover a solution? A sticky navigation menu is fairly basic for websites, I’m surprised Shopify does not offer a built-in option.

option 1 - step 5: filename should be renamed from “theme.js” to “theme.js.liquid” !!! sticky header works perfect

Can anyone help me to make my main navigation header sticky in brooklyn theme Thanks alot header sticky in theme brookyln but I can`t,can anyone help me?

Hey Sean, I’m trying to impliment your code into my website - option 2. Its moving the logo up and down, however the navigation menu is remaining at the top. What I’m seeking is to keep the announce bar and logo at the top, but I would love to have the Navigation menu (which has home, shop, collabs…

Thank you Sean OPtion 1 work a treat for me.

If a menu with sub menu is longer than a phone screen you cannot see all the menu. Is there a bit of code that I can use to turn off Sticky/Fixed Header when viewed on phones. Thanks in advanced.

does anyone else get an issue with their cart when the header is sticky. When i open the side cart the frozen header cuts off the top of the cart. Anyone find a work around [Untitled.png]

Hello jtan , Please share your site url. So that i can check and let you know the exact solution here.

Sticky/Fixed Header and Navigation for Debut Theme

Store Design

rsdimitrov May 1, 2020, 6:45pm 55

Hey @Haylalayla

I have a working solution to the sticky header in brooklyn theme.

Here is my short guide with simple, easy to follow instructions: https://community.shopify.com/post/726119

Topic		Replies	Views
Sticky header (transparent on home page, white background with black on other) Technical Q&A	23	264	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	164	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	161	July 21, 2022

Sticky/Fixed Header and Navigation for Debut Theme

Related topics