How do I create a sticky header on my website?

Store Design
, ,
1

Hi,

Does anyone know how to make the header on my site sticky?

Site: https://gryningens.myshopify.com/

Thank you so much!

2

Hi @Ivnvu

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

div#shopify-section-sections–19966679449939__announcement {

margin-top: 70px;

}

.header-container.header-container–top.hide-border-on-portable {

position: fixed !important;

width: 100%;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly