Remove faint grey line from under header. Spark theme

I’ve converted my Spark theme header to be translucent however a faint grey line still appears beneath my Header when scrolling down the page. I’ve read some similar threads for alternate shopify themes but had no joy with finding a solution. I tried pasting the below code in the assets theme.ccs both at the top and the bottom but its still showing.

.site-header { border-bottom: none !important;}
}.Header {
box-shadow: none !important;

Any help most appreciated

1 Like

Hey @Stevie_Boy
Kindly share your Store URL and Password if enabled

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

https://7be220-2.myshopify.com/

i don’t think there is a password associated to it

https://7be220-2.myshopify.com/

i don’t think there is a password associated to it

Hey @Stevie_Boy

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


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

Best Regards,
Moeed

Sorry Moeed,

That doesn’t work, it actually re-sets the header to be non-transparent and the grey line remains

Hey @Stevie_Boy

I’ve rechecked and the code works completely fine, if it doesn’t work for you then I suggest you to follow the correct steps and it should work then.

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

Best Regards,
Moeed

Hello there.

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
body.template-index .header.is-sticky {
box-shadow: none;
}

Thank you so much this worked

Hi,

This has worked on my home page, but all the other pages still show a non-transparent header with faint grey line. Could you tell me how I apply the translucent non-grey line header to all pages?

1 Like

Hello there.

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.header.is-sticky {
box-shadow: none;
}

I am unable to find base.css within the asset section

1 Like

Hello @Stevie_Boy

you can add

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:

Sorry that does nothing to the other pages then header remains as standard

Hello @Stevie_Boy

i have remove grey line.

What you want ?

The header on the home page is transparent with no grey line. But on all the other pages the header remains white with a grey line. I want all pages to be like the home page

Hello @Stevie_Boy

I am not seeing the gray line on other page, please share the screenshot.