Remove faint grey line from under header. Spark theme

[Stevie_Boy]

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

[Moeed]

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

[ZestardTech]

Hello There,

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

[Stevie_Boy]

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

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

[Stevie_Boy]

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

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

[Moeed]

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

[Stevie_Boy]

Sorry Moeed,

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

[Moeed]

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

[ZestardTech]

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;
}

[Stevie_Boy]

Thank you so much this worked

[Stevie_Boy]

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?

[ZestardTech]

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;
}

[Stevie_Boy]

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

[ZestardTech]

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:

[Stevie_Boy]

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

[ZestardTech]

Hello @Stevie_Boy

i have remove grey line.

What you want ?

[Stevie_Boy]

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

[ZestardTech]

Hello @Stevie_Boy

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