sticky header (debut theme)

Gazza1971
New Member
5 0 0

Hi All

is there any way to make the HEADER in the debut theme sticky so it doesn't scroll with the page.

I did find a youtube tutorial but it just wouldn't work for me.

any help with the code would be great.

Thanks in advance

 

G

 

 

 

 

0 Likes
LitExtension
Shopify Partner
679 68 120

Hi @Gazza1971

Please place this code at the end of the "theme.scss" file:

#shopify-section-header {

    position: sticky;

    top: 0;

    z-index: 999;

}

Screenshot to refer: https://prnt.sc/11gj7gm

Hope to this helps.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
Gazza1971
New Member
5 0 0

hi 

 

firstly thanks for the code - i tae it that this is in the assets folder

 

if so i cant get it to work, i have added it right at the end as per image

Screen Shot 2021-04-16 at 09.23.39.png

 

0 Likes
LitExtension
Shopify Partner
679 68 120

Hi @Gazza1971

Seem you had customized code on your site. Please share with me your store URL so I can check and give you the best solution in this case.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
Gazza1971
New Member
5 0 0

the site in not live at the moment - the only modification to the files is the bottom 2 sections which i added - the rest is standard DEBUT code

0 Likes