Refresh Theme Transparent Header

Shopify Discussion
1

Hello! I would like to have a transparent header on my website. Also when scrolling down I want it to become non-transparent (white) and I want to change the logo from the transparent header.

Website: https://prestige-straps-the-finest-selection-of-watch-straps.myshopify.com/

Password: asd321

2

Hey @kitchencrafted

Follow these steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above

Capture.JPG
Capture.JPG1902×248 30.6 KB

3

Can you help me make it black when opening another page, I want it to be transparent only when opening the home page. Thanks in advance!

4

You can remove the previous code and add this new code

{% if template contains 'index' %}

{% endif %}
5

When opening a product page it’s black when I scroll down it becomes transparent, then black and when I go back again it’s transparent. Maybe I put something wrong in theme.liquid. Would appreciate it if you help me!