Remove header line from debut theme

[xkaylaarenee]

I want to remove that top line right above 'gloss' please help, I've tried everything. 

[KetanKumar]

@xkaylaarenee 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[xkaylaarenee]

https://morveux-co.myshopify.com/

password: morveuxco1

@KetanKumar 

[KetanKumar · Accepted solution]

@xkaylaarenee 

yes, please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

#AccessibleNav {border-bottom: none !important;}

[xkaylaarenee]

Thank you so much! @KetanKumar 

[KetanKumar]

@xkaylaarenee 

it's my pleasure to help us

[RSS]

Hi Ketan, 

I am using Debut theme. There are a few things I need help in. 

1. Remove a line and glow/shadow underneath the header

2. Make header transparent and go white when you start scrolling on all pages

Thank you!!!

[KetanKumar]

@RSS 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[RSS]

Here it is @KetanKumar 

https://rachel-simone-studios.myshopify.com/

Access: yaewhi

Thank you,

[KetanKumar]

@RSS 

yes, please try this code

https://codepen.io/haykou/pen/FHKJg

[RSS]

Hi Ketan, Can you direct me on where I need to add this code

[KetanKumar]

@RSS 

Yes, please 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

[KetanKumar]

@RSS 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

div#shopify-section-header {top: 0;box-shadow: none;}
.site-header{background-color: transparent;border: none !important;}
.site-header__mobile-nav{background-color: transparent;}
#PageContainer{padding-top: 0 !important;}

[RSS]

Thanks for that Ketan. That code has only worked for mobile but not for Dektop.  

[KetanKumar]

@RSS 

sorry for that please remove last one 

[RSS]

I removed the last line of code: #PageContainer{padding-top: 0 !important;}

It still hasn't work

[KetanKumar]

@RSS 

can you please 

Partners: Requests for staff access when providing assistance is not appropriate. Guidance should be provided within the topic if possible, and if access is required the collaboration feature detailed in this blog post should be used over requesting staff access: The Shopify Collaborator Account: What You Need to Know

[RSS]

I have sent you staff access invitation Ketan

[KetanKumar]

@RSS 

great thanks 

i have update code please check now its working fine 

[RSS]

Amazing, its working great now! Super you are, I appreciate your time very much!

[KetanKumar]

@RSS 

it's my pleasure to help us

[258twenty5-8]

can you please help me with this exact issue having trouble removing line on desktop i was able to remove the line on mobile

[KetanKumar]

@258twenty5-8 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[258twenty5-8]

i am trying to remove white thin line under header i have a code that removed it for mobile but not desktop can you help me with desktop version

[Lawson]

Hello.

This solution worked for me too!

Do you have any suggestions how we could remove the white divider lines on the shop page also?

Thanks in advance