How can I create a transparent header on Turbo Chicago theme?

[Justin34]

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!

[dmwwebartisan · 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!

[Justin34]

That worked perfectly!! Thanks so much!!

[dmwwebartisan]

@Justin34 

Thanks welcome again!