Re: Remove header line from debut theme

Solved

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

xkaylaarenee
Tourist
3 0 2

Screen Shot 2021-04-28 at 3.37.28 PM.png

 

 

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

Accepted Solution (1)
KetanKumar
Shopify Partner
37133 3648 12061

This is an 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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 24 (24)

KetanKumar
Shopify Partner
37133 3648 12061

@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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
xkaylaarenee
Tourist
3 0 2
KetanKumar
Shopify Partner
37133 3648 12061

This is an 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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
xkaylaarenee
Tourist
3 0 2

Thank you so much! @KetanKumar 

KetanKumar
Shopify Partner
37133 3648 12061

@xkaylaarenee 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
RSS
Explorer
55 0 23

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
Shopify Partner
37133 3648 12061

@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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
RSS
Explorer
55 0 23

Here it is @KetanKumar 

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

Access: yaewhi

Thank you,

KetanKumar
Shopify Partner
37133 3648 12061

@RSS 

yes, please try this code

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
RSS
Explorer
55 0 23

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

KetanKumar
Shopify Partner
37133 3648 12061

@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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
37133 3648 12061

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
RSS
Explorer
55 0 23

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.45.png

KetanKumar
Shopify Partner
37133 3648 12061

@RSS 

sorry for that please remove last one 

KetanKumar_0-1624617453459.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
RSS
Explorer
55 0 23

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

It still hasn't work

KetanKumar
Shopify Partner
37133 3648 12061

@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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
RSS
Explorer
55 0 23

I have sent you staff access invitation Ketan

KetanKumar
Shopify Partner
37133 3648 12061

@RSS 

great thanks 

i have update code please check now its working fine 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
RSS
Explorer
55 0 23

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

KetanKumar
Shopify Partner
37133 3648 12061

@RSS 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
258twenty5-8
Tourist
3 0 1

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
Shopify Partner
37133 3648 12061

@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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
258twenty5-8
Tourist
3 0 1

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
Excursionist
36 0 5

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