Remove thin grey line under header (Impulse Theme)

Store Design
1

I’m looking to remove the very thin (1px?) grey bottom border or shadow which is at the bottom of my header, I tried targeting several different CSS classes but had no effect in removing it, see below:

HeaderBorder.jpg
HeaderBorder.jpg1670×469 26.5 KB

2

Hi @Halfspaced ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

Sorry about that, my URL is https://www.halfspaced.com

4

Hi @Halfspaced ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
.site-header {
    box-shadow: none !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

5

@AvadaCommerce Unfortunately that didn’t do anything, I tried the same code previously from another thread. Could it be the header-wrapper that has a box shadow?

6

Hi @Halfspaced

you can add my css code at the top of the theme.css file.

Thanks you

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

7

Thanks so much, I put it at the bottom of the Theme.css which is why it wasn’t working!