How can I remove the header underline in my webpage code?

Solved

How can I remove the header underline in my webpage code?

neon21
Tourist
13 0 4

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)

Savior
Shopify Partner
537 108 161

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.

banned

View solution in original post

Replies 7 (7)

Ecommpremium
Shopify Partner
512 43 93

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
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
neon21
Tourist
13 0 4
Ecommpremium
Shopify Partner
512 43 93

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
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
neon21
Tourist
13 0 4

Abcde

Ecommpremium
Shopify Partner
512 43 93

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
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website

Savior
Shopify Partner
537 108 161

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.

banned
neon21
Tourist
13 0 4

Thank You so much