Transparent Header

[flammagreg]

Hi guys, how can I make the header of my Taste theme website transparent? Any help is greatly appreciated!

Website: slushychallenge.com

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the base.css file and modify the style code here

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[flammagreg]

It didn't work. Any other suggestions?

[AnneLuo]

Your memu is now at the top and not floating. You can drag the scroll bar to see the effect.

[PageFly-Richard · Accepted solution]

Hi @flammagreg 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
sticky-header.header-wrapper {
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly