How can I make my Refresh theme header transparent?

[drght]

Hello, I am wanting to make my header transparent as I cannot find the option to do so.

My URL is : https://www.drghtapparel.com/

Thank you very much!

[GemPages]

Hello @drght ,

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

    <style>
       div#shopify-section-header.shopify-section-header-sticky sticky-header.header-wrapper {
          background: rgb(0 0 0 / 42%);
      }
    </style>

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[drght]

I am sorry, that did not work! 

Anything else possible?

[PageFly-Victor · Accepted solution]

Hi @drght 

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 {

    position: absolute;

    width: 100%;

    background: transparent !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

[MRamzan]

You can try this solution to make your refresh theme header transparent: