making header see trough and solid when scrolling up

[Distinctz]

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:

when scrolling up:

 

 

[PageFly-Henry]

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

[Distinctz]

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