We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

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
85 36 35

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
3478 465 561

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 .


Product Labels by BSS | B2B Solution & Custom Pricing


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

MRamzan
Shopify Partner
533 3 46

Add transparent header:

 

Hire Me:

WhatsApp: +91-9145985880
Email: mohdramzaan112@gmail.com
Skype: mohdramzaan112