make header sticky when scrolling up and down

testing (makerlab-electronics-ph.myshopify.com)

preview of the store

Hi @niceeee

This is Victor 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 base.css

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

sticky-header.header-wrapper.color-background-1.gradient.header-wrapper–border-bottom, .announcement-bar.color-background-2.gradient {

position: fixed;

z-index: 1;

top: 10%;

width: 100%;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

it goes like this

HI @niceeee

You can try again with this code:

sticky-header.header-wrapper.color-background-1.gradient.header-wrapper–border-bottom, .announcement-bar.color-background-2.gradient {

position: fixed;

z-index: 1;

width: 100%;

}