Shopify themes, liquid, logos, and UX
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 ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via [email protected]
Add transparent header:
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024