Remove the bottom border of the header section ( Shopify Savor Theme )

Store Design
, , , ,
1

Hello Everyone!
I am using the Savor theme on my Shopify store. I want to remove the bottom border of the header section. The border shows when you hover over the menu. Also, when I click on the About Us menu in the header section, I see a white border below the header section on that page. Please help me. Thanks.

Store: https://svelteclothes.myshopify.com/

password: Admin

New
New1905×394 123 KB

2

@dreamtechzone_5 I think you have changed the header structure, I can not see the white border

3

It’s still showing on my laptop.

4

Hi,

Hope this will help

  • At base.css or theme.css add CSS to remove header border and hover underline.

CSS example

/* Remove header bottom border / hover line */
.header-wrapper,
.header,
.header__menu-item,
.header__inline-menu {
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Remove active menu underline / hover effect */
.header__menu-item::after,
.header__active-menu-item::after {
  display: none !important;
}

Sometimes that line is not actually the header-it’s spacing or a section divider from the page template.So add CSS as well

CSS example

main#MainContent {
  margin-top: 0 !important;
  border-top: none !important;
}
5

@dreamtechzone_5 it is related to the menu part, need to find out at what container it is been linked