How to make transparent header on all pages in dawn theme

How to make transparent header on all pages in dawn theme

shebangin
Excursionist
18 1 4

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!

Replies 3 (3)

codewiser
Shopify Partner
81 35 32

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%;
}

 

If your problem solved then Like & Accept this Solution.
For Designing, Development and custom changes hire us. Email us Or WhatsApp Or Skype.

BSS-Commerce
Shopify Partner
3477 463 538

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

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via [email protected]


BSS Commerce - Full-service eCommerce Agency

MRamzan
Shopify Partner
298 3 34

Add transparent header:

 

Hire Me:

WhatsApp: +91-9145985880
Email: [email protected]
Skype: mohdramzaan112