Remove divider line under Header - Motion theme

[DesignedbyAlex]

Hi,

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

Any help would be greatly appreciated.

[Hardik29418]

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

[KetanKumar]

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

[DesignedbyAlex]

Thanks Ketan. Appreciate your swift response.

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

 

[KetanKumar]

@DesignedbyAlex 

can you give me your css file so i will update

[DesignedbyAlex]

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

[KetanKumar]

@DesignedbyAlex 

just copy and past here 

[DesignedbyAlex]

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

[KetanKumar]

@DesignedbyAlex 

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

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

[KetanKumar]

@DesignedbyAlex 

I have done this please check.

[cwhisler]

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

[cwhisler]

https://monosnap.com/file/U6ffufct0U37ULd35PpvlTHx0sRJZz

[KetanKumar]

@cwhisler @DesignedbyAlex 

I have done this theme please check

[cwhisler]

Looks great. Thank you

[KetanKumar]

@cwhisler 

Thanks for your feedback and support.

[DesignedbyAlex]

Thanks so much Ketan. Really appreciate your speedy solutions!

[DesignedbyAlex]

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]

@DesignedbyAlex 

Thanks for your feedback and support.

[DesignedbyAlex]

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 · Accepted solution]

@DesignedbyAlex @cwhisler 

Thanks for feedback and reamind 

Happy New year

[DesignedbyAlex]

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

[KetanKumar]

@DesignedbyAlex 

Happy New Year

Thanks for response

[Bauker]

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