How to get rid of Header undline

Solved
neon21
Tourist
7 0 1

Hello, 

What Code would I have to input to get rid of the line that shows on my Header (line below the logo).  I don't want it to show

Thanks Screenshot 2021-11-10 6.53.43 PM.png

Accepted Solution (1)

Accepted Solutions
Savior
Pathfinder
87 11 26

This is an accepted solution.

1. Go to your store > Actions > Edit Code 

2. Search for header section.

3. In header file search for <style> tag and you will see a css given like below:

.supports-sticky .Search[aria-hidden="true"] + .Header--transparent {

box-shadow: 0 -1px rgba(0, 0, 0, 0.25) inset;color: #000000; } just replace it with 

.supports-sticky .Search[aria-hidden="true"] + .Header--transparent {

box-shadow: none; }

and its sorted !!! 

Enjoy !!!

 


Please like and subscribe.

View solution in original post

Replies 7 (7)
Ecommpremium
Shopify Partner
269 22 52

Hi @neon21  can you please share the store URL so I can provide an accurate solution!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@ecommpremium.com
- SKYPE: ahsanaliawan
- shopifyexperts
Ecommpremium
Shopify Partner
269 22 52

its  password protected can you please share store password to access it? @neon21 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@ecommpremium.com
- SKYPE: ahsanaliawan
- shopifyexperts
neon21
Tourist
7 0 1

Abcde

Savior
Pathfinder
87 11 26

This is an accepted solution.

1. Go to your store > Actions > Edit Code 

2. Search for header section.

3. In header file search for <style> tag and you will see a css given like below:

.supports-sticky .Search[aria-hidden="true"] + .Header--transparent {

box-shadow: 0 -1px rgba(0, 0, 0, 0.25) inset;color: #000000; } just replace it with 

.supports-sticky .Search[aria-hidden="true"] + .Header--transparent {

box-shadow: none; }

and its sorted !!! 

Enjoy !!!

 


Please like and subscribe.

View solution in original post

Ecommpremium
Shopify Partner
269 22 52

Hi @neon21  go to theme.scss.liquid and paste this code at the bottom.

 

.supports-sticky .Search[aria-hidden="true"] + .Header--transparent {

box-shadow: 0 -1px rgba(0, 0, 0, 0.25) inset;color: #000000; 
}

 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@ecommpremium.com
- SKYPE: ahsanaliawan
- shopifyexperts
neon21
Tourist
7 0 1

Thank You so much