Center logo and delete white strip in Debut Theme for mobile

Store Design
1

I want do delete the fine white line under my header and also center my logo more.

Screenshot 2022-05-30 at 11.21.36.png
Screenshot 2022-05-30 at 11.21.36.png804×398 185 KB

2

https://93iaomhs85v67m9g-62082875563.shopifypreview.com

3

HI

Send me store url will check

Best Regard

4

@Nouromidrico Go to assets/theme.css and paste below css at bottom of file.

#header .border-bottom
{
border-bottom: 0px solid !important;
}
5

Hello @Nouromidrico

First, Please remove class “small–six-tenths” and add hightlight class name - “small–eight-tenths” from an element which contains - “logo-align–center” class from header section.
Also, please check attached screenshot URL: https://prnt.sc/hQw2VCi1zBpt

Add below CSS for remove white line under header:

  1. In your Shopify Admin go to online store => themes => actions => edit code

  2. Find Asset => theme.css and paste this at the bottom of the file:

header.site-header.logo--center {border: 0;}

Thanks.

6

Hi @Nouromidrico

Just add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.scss Or theme.css-> paste bellow code in bottom of file
@media only screen and (max-width: 749px) {
	.site-header__mobile-nav {justify-content: space-between;}
	.site-header__mobile-nav:after {display:none;}
	.site-header__mobile-nav .site-header__icons {padding-right: 2px;}
}

header.site-header.logo--center {border: 0;}