How to Add a Sticky Header Debutify theme version 17.7.0

[Piyal0321]

Hello Shopify Developer
I Need Help Please
I want to add a sticky header to Debutify theme version 17.7.0 it wants to fix the header menu while scrolling all pages
Thank you Advance

[Made4uo-Ribe]

Hi @Piyal0321

We provide simple solutions. You are requesting to add a sticky header in a theme that might not have this feature. I would suggest contacting debutify provider and ask if they can add the sticky header. If you are unable to ask the theme provider, I recommend hiring someone to do so.

[debutifysupport]

Hi @Piyal0321 ,

As of the present, Debutify does not offer version 17.7.0.

If you are using versions 4.10.2 and earlier, you can enable the sticky header by accessing the theme editor and navigating to the theme settings > advanced settings. There, you’ll find the option to enable the sticky header. Simply check the box for “Enable Sticky header” to activate it.

[oscprofessional]

Hello @Piyal0321 ,

Could you please share the URL of your store? also You can apply the following CSS code:

.header .header__wrapper {
position: fixed;
width: 100%;
}

To add this code, follow these steps:

1. Go to “Online Store” > “Themes”.
2. Click on “Actions” > “Edit Code”.
3. Locate your .css file and insert the code there.

Hope this helps!!

Thank you!

[huzaifa218]

i apply this my dummy store, the header is fixed but the problem is that when i see the mobile view it show the half banner and also the drawer cut from the top. i am attaching the screenshots.