Solved

Can I make the header transparent on my Turbo Chicago theme in Shopify?

Justin34
Trailblazer
312 0 82

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!

ALL I THINK ABOUT IS OUR PARKS 🙂
Accepted Solution (1)

dmwwebartisan
Shopify Partner
12280 2546 3694

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 3 (3)

dmwwebartisan
Shopify Partner
12280 2546 3694

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Justin34
Trailblazer
312 0 82

That worked perfectly!! Thanks so much!!

ALL I THINK ABOUT IS OUR PARKS 🙂
dmwwebartisan
Shopify Partner
12280 2546 3694

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app