How can I make my Refresh theme header transparent?

Store Design
1

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!

2

Hello @drght ,

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1676614562575.png
GemPages_0-1676614562575.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1676614582128.png
GemPages_1-1676614582128.png1619×915 76.8 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

3

I am sorry, that did not work!

Anything else possible?

4

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

5

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