making header see trough and solid when scrolling up

Distinctz
Explorer
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: https://distinctz.com/ 

 

Normal:

Screenshot 2024-02-05 09.06.30.png

when scrolling up:

Screenshot 2024-02-05 09.06.48.png

 

Replies 2 (2)

PageFly-Henry
Astronaut
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


header.header.header--middle-center.header--mobile-center.page-width.header--has-menu {

    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.

Distinctz
Explorer
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 

Distinctz_0-1707150862036.png