Hello Everyone!
I am using the Savor theme on my Shopify store. I want to remove the bottom border of the header section. Please help me. Thanks.
Store: https://svelteclothes.myshopify.com/
password: Admin
hey @dreamtechzone_5 i don’t have seen any border in your website i think you solved your problem by your self
The border shows when you hover over the menu. Or click on the about page.
Go to your store admin > Sales channels > Online Store > Themes > Edit theme > Theme settings > in Custom CSS, add this code
#header-component {
--color-scheme-bottom-row: transparent !important;
}
Helpful? Accept as solution
Support me? - Buy a coffee
Click on the About menu. On that page, a white border is showing below the header section.
Add this code to the theme.liquid file below <head>
{% if page.id == 110321598626 %}
header-component { background: #000 !important; }
{% endif %}
You’ll need to add some custom CSS to hide that border. Go to your theme customizer, click on the theme settings, then find Custom CSS (or add it in the code editor under assets/theme.css). Add something like .header { border-bottom: none; } or look for the specific class name on your header by inspecting it. What’s the exact section name showing in your theme editor when you click on the header?
Code does not work…..
My bad, please update the code to this
{% if page.id == 110321598626 %}
<style>
header-component { background: #000 !important; }
</style>
{% endif %}