How to make transparent header on all pages in dawn theme

Store Design
, , ,
1

Hello! I have added a code to make my header transparent and it has worked but only on the home page. How can I change this to be transparent on all the pages? My website is https://shebangin.com/ and if there is a password it is “slate”. Thank you!

2

Hello @shebangin

Step 1: Go to Online Store → Theme → Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save

.header-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
}
3

Hi @shebangin

Because the header here is shared for all pages. The theme is pre-configured to fit each page, If you want the header on every page like the home page. You can use the following CSS

.header-wrapper{
   position: fixed;
   width: 100%;
}

Hope this helps you.

BSS Commerce - Shopify Apps & Development Services Provider - Shopify Expert

Level up your Shopify store with our B2B & B2C apps

4

Add transparent header: