FROM CACHE - en_header

Make header transparent

Solved
Justin34
Trailblazer
185 0 51

Hi all,

I am looking to make my header transparent. I am not sure I will like it in the end or not but I would like to give it a try. 

I am using the theme Turbo Chicago

My website is www.PennsylvaniaParks.org

Thanks so much!

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
11014 2377 3400

This is an accepted solution.

@Justin34 

Please try this code

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

2. Asset->/styles.scss.liquid-->paste below code at the bottom of the file.

 .main-nav { background: transparent !important;}
 .top-bar { background: transparent !important;}

Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.

View solution in original post

Replies 3 (3)
dmwwebartisan
Shopify Partner
11014 2377 3400

This is an accepted solution.

@Justin34 

Please try this code

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

2. Asset->/styles.scss.liquid-->paste below code at the bottom of the file.

 .main-nav { background: transparent !important;}
 .top-bar { background: transparent !important;}

Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
Justin34
Trailblazer
185 0 51

That worked perfectly!! Thanks so much!!

dmwwebartisan
Shopify Partner
11014 2377 3400

@Justin34 

Thanks welcome again!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.