Spotlight,Change the background of the header

I want to make the header background of this theme transparent so that the image below can be shown. I’ve tried other codes, but they end up affecting other interfaces. I think this modification is a bit tricky. Is there any expert who can help? Thank you.This is my website:https://www.dewellx.com/ and I want my website to achieve the effect shown in this picture.

2 Likes

Hey @TannerHen

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 tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Hi

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

Use our Big Bulk Discount app to boost your sales!(https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

1 Like

Hi @TannerHen

Please add this code to theme.liquid file after in Sales channels > Online Store > Themes > Edit code

{% if template == 'index' %}

{% endif %}

1 Like

It is indeed effective, but this code will also change other pages with navigation bars.

this code will also change other pages with navigation bars.