Sticky navigation on debut theme with announcement bar covering part of the page

Store Design
,
1

Hi community,

By using the following tutorial I was able to make the header on my webshop sticky:

https://community.shopify.com/topic/518018

There is only one problem: the header comes down to far so it covers a part of the banner with the page title etc.

How can I fix this? (see attached for example)

The sticky header was built on a preview theme, you can access it via the link down below:

https://b4tvryrj3xugrgku-27046805597.shopifypreview.com

header sticky.png
header sticky.png1889×907 203 KB

Looking forward to hearing from you soon.

Kind regards,

Wouter vd Meer

2

Hello @WoutervdMeer

I would like to give you the recommendation to support you so kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your theme.liquid file
  3. Paste the below code before

I hope the above is useful to you.
Best regards,
GemPages Support Team

3

Thank you for the response!

I found the issue. It was some CSS that was not in line with each other.

It is fixed now.