Make header transparent

Solved
Justin34
Excursionist
68 0 10

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
9829 2237 3078

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 | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 3 (3)
dmwwebartisan
Shopify Partner
9829 2237 3078

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 | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Justin34
Excursionist
68 0 10

That worked perfectly!! Thanks so much!!

dmwwebartisan
Shopify Partner
9829 2237 3078

@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 | Bag is a cart drawer that maximizes your sales. View app →