making header see trough and solid when scrolling up

70 0 5

hello everyone i want to make my header see trough but when scrolling up it has to be solid again in the pictures

i show what i mean my store url is: 



Screenshot 2024-02-05 09.06.30.png

when scrolling up:

Screenshot 2024-02-05 09.06.48.png


Replies 2 (2)

788 211 186

Hi @Distinctz 

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 base.css

Step 3: Paste the below code at bottom of the file -> Save {

    position: absolute !important;

    width: 100%;



Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

70 0 5

thanks for helping me only now it is see trough but when scrolling up it remains see trough how can i make it that it is solid when scrolling up like in the picture below