Shopify themes, liquid, logos, and UX
Hello everyone.
I want to make a transparent header on my taste theme that is not sticky. Meaning, I want it to be only on the top of the page and want it to be transparent.
I tried a few codes from the community, but it makes a header transaprent but makes it fixed to the screen at all times. I want it to be only transparent and only appearent on top, so when you scroll you have nothing on top (no logo no drawer, nothing).
Thanks.
Hi @shele1 ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
If our suggestions are useful, please let us know by giving it a like, marking it as a solution.
MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
Yes, sure. Here it is: musclearning.com
Hi @shele1
Kindly share your website link so that we can have a quick look and share the code that you can inject to quick fix the issue.
Thank you.
Yes, sure. Here is the link to the store musclearning.com
Thank you for the link @shele1
I am a bit confused. The header is not sticky at the moment and if i scroll it does not display the header (including the drawer etc). Do you want to make it sticky?
Refer to the attached image.
I'm not sure what you're asking. Let me try to explain it a bit clearer.
I want to have transparent header just on the top of the page. So, once you scroll down you don't see the logo and the header, you don't see anything. Same on the scroll up.
I'll put a few pics for reference.
This is what I want:
This is what I don't want:
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025