How to get rid of Header undline

Solved
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)

Accepted Solutions
Savior
Shopify Partner
450 94 132

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.

If helpful, please Like and Accept Solution.


Hire me or mail me  | Shopify Design Changes | Custom Modifications In to Shopify Theme | Site Speed Optimization
Use GemPages Page Builder to build, design, and optimize your store. View app

View solution in original post

Replies 7 (7)
Ecommpremium
Shopify Partner
405 36 77

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
-Upwork
neon21
Tourist
13 0 4
Ecommpremium
Shopify Partner
405 36 77

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
-Upwork
neon21
Tourist
13 0 4

Abcde

Savior
Shopify Partner
450 94 132

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.

If helpful, please Like and Accept Solution.


Hire me or mail me  | Shopify Design Changes | Custom Modifications In to Shopify Theme | Site Speed Optimization
Use GemPages Page Builder to build, design, and optimize your store. View app

Ecommpremium
Shopify Partner
405 36 77

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
-Upwork
neon21
Tourist
13 0 4

Thank You so much