How can I remove the header line from my debut theme?

Store Design
1

Screen Shot 2021-04-28 at 3.37.28 PM.png
Screen Shot 2021-04-28 at 3.37.28 PM.png2718×862 84.4 KB

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

1 Like
2

@xkaylaarenee

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

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

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

3

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

password: morveuxco1

@KetanKumar

4

@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;}
5

Thank you so much! @KetanKumar

1 Like
6

@xkaylaarenee

it’s my pleasure to help us

7

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!!!

1 Like
8

@RSS

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

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

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

1 Like
9

Here it is @KetanKumar

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

Access: yaewhi

Thank you,

1 Like
10

@RSS

yes, please try this code

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

1 Like
11

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

1 Like
12

@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

1 Like
13

@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;}
1 Like
14

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

Screen Shot 2021-06-25 at 11.31.37.png
Screen Shot 2021-06-25 at 11.31.37.png421×359 108 KB

Screen Shot 2021-06-25 at 11.31.45.png
Screen Shot 2021-06-25 at 11.31.45.png1123×448 199 KB

1 Like
15

@RSS

sorry for that please remove last one

KetanKumar_0-1624617453459.png
KetanKumar_0-1624617453459.png1920×1080 296 KB

1 Like
16

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

It still hasn’t work

1 Like
17

@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

1 Like
18

I have sent you staff access invitation Ketan

1 Like
19

@RSS

great thanks

i have update code please check now its working fine

1 Like
20

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

1 Like