Sticky/Fixed Header and Navigation for Debut Theme

DELONG_HUANG
Excursionist
39 0 5

Hi,

 

I used option 1 but it looks like they are transparent, as you can see, if I move down, the header will be covered up by other contents. does anyone how to resolve this?

Thanks,

 

2.PNG

 

 

0 Likes

@DELONG_HUANG 

This solution fixes this issue.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Tutorials: Minimal theme product pages slideshow | Debut Theme product pages slideshow
◦ Looking to hire a reliable Shopify developer? Same day response: ezfycode@gmail.com.
tantsteven
New Member
2 0 0

Hi there! I followed option 1 to add the sticky header, but I need to temporarily stop using the sticky header. When i comment out all the code I added for the sticky header in the theme.js and theme.scss.liquid and save, the header is still sticky on the published website.

0 Likes
nurdin
New Member
1 0 0

I've followed this tutorial for Option 1 and it worked. However, my banners on my pages are now cut off. Is there a way to fix this?

 

0 Likes
Tanaya
Tourist
7 0 2

Hi!

I tried this and my menu bar has completely disappeared.

Can you help me to fix? Thanks!

AustinK
New Member
2 0 0

@Tanaya did you find a fix for this issue? I still can't manage to make it work. Thank you.

0 Likes