Re: Remove divider line under Header - Motion theme

Solved

Remove divider line under Header - Motion theme

DesignedbyAlex
Tourist
8 0 6

Hi,

 

I would like to remove this divider line under the Header - Motion theme.

 

Remove Divider Line Under Header.jpg

Any help would be greatly appreciated.

 

 

Accepted Solution (1)
KetanKumar
Shopify Partner
36927 3641 11995

This is an accepted solution.

@DesignedbyAlex @cwhisler 

Thanks for feedback and reamind 

Happy New year

KetanKumar_0-1609504902117.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

View solution in original post

Replies 22 (22)

Hardik29418
Shopify Partner
2913 419 1081

Please provide website url and if your store is password protected then  also provide password

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email

KetanKumar
Shopify Partner
36927 3641 11995

@DesignedbyAlex 

Welcome to the Shopify community!
and Thanks for your question.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid or theme.css->paste below code at the bottom of the file.

.site-header {border-bottom: none;}
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
DesignedbyAlex
Tourist
8 0 6

Thanks Ketan. Appreciate your swift response.

I tried adding that snippet of code to the bottom of the theme, but still no luck. 

Code added but line still visible.jpg 

KetanKumar
Shopify Partner
36927 3641 11995

@DesignedbyAlex 

can you give me your css file so i will update

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
DesignedbyAlex
Tourist
8 0 6

Sure, let's do that. Do I just copy-past the css here? Or in a text document and upload it?

KetanKumar
Shopify Partner
36927 3641 11995

@DesignedbyAlex 

just copy and past 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
DesignedbyAlex
Tourist
8 0 6

I tried to copy-past here but I get this error message: "Message cannot exceed 100,000 characters."

KetanKumar
Shopify Partner
36927 3641 11995

@DesignedbyAlex 

can you please do add me staff so i will quick  fix 

https://help.shopify.com/en/manual/your-account/staff-accounts

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
36927 3641 11995

@DesignedbyAlex 

I have done this please check.

KetanKumar_0-1609363155200.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
cwhisler
Tourist
3 0 2

The problem is actually on the unpublished version: Copy of Motion - Designed by Alexander

KetanKumar
Shopify Partner
36927 3641 11995

@cwhisler @DesignedbyAlex 

I have done this theme please check

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
cwhisler
Tourist
3 0 2

Looks great. Thank you

KetanKumar
Shopify Partner
36927 3641 11995

@cwhisler 

Thanks for your feedback and support.

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
DesignedbyAlex
Tourist
8 0 6

Thanks so much Ketan. Really appreciate your speedy solutions!

DesignedbyAlex
Tourist
8 0 6

Also, just for our information and for anyone searching for a solution to a similar problem, what changes did you actually make to the code to get rid of that line under the header?

Why do you think it wasn't working when I entered the code you recommended initially into the theme's css file?

KetanKumar
Shopify Partner
36927 3641 11995

@DesignedbyAlex 

Thanks for your feedback and support.

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
DesignedbyAlex
Tourist
8 0 6

Most Welcome Ketan. I think you may have missed my last message...

Also, just for our information and for anyone searching for a solution to a similar problem, what changes did you actually make to the code to get rid of that line under the header?

Why do you think it wasn't working when I entered the code you recommended initially into the theme's CSS file?

I have dabbled in a bit of code and understand html, CSS and JS, so your answer won't be completely lost on me 🙂 As mentioned earlier, it would help out others as well in the future. Thanks again and looking forward to your reply.

Happy New Year!

KetanKumar
Shopify Partner
36927 3641 11995

This is an accepted solution.

@DesignedbyAlex @cwhisler 

Thanks for feedback and reamind 

Happy New year

KetanKumar_0-1609504902117.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
DesignedbyAlex
Tourist
8 0 6

Thanks Ketan. Really appreciate it. Looks like we needed to declare "!important" at the end there in the code. Great job!

KetanKumar
Shopify Partner
36927 3641 11995

@DesignedbyAlex 

Happy New Year

Thanks for response

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
Bauker
Visitor
3 0 0

Can this line also be eliminated from the section dividers? In that case what should the code be?