Shopify themes, liquid, logos, and UX
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
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!
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%;
}
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
Add transparent header: