Refresh Theme Transparent Header

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

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

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!

You can remove the previous code and add this new code

{% if template contains 'index' %}

{% endif %}

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!