Delete lines in mobile header

OmelchenkoMaximAug 20, 2021

Hello, please tell me how to remove these lines.
The horizontal one turned out after I added the code to change the color in the mobile version in custom.css.

/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.device-lg #header-wrap {
	background-color: #0D2B47;
}

.device-xl #header-wrap {
	background-color: #0D2B47;
}

.device-md #header-wrap {
	background-color: #0D2B47;
}

.device-sm #header-wrap {
	background-color: #0D2B47;
}

.device-xs #header-wrap {
	background-color: #0D2B47;
}

Thanks

OmelchenkoMaximAug 20, 2021

ps - in the mobile ver.

SemiColonWebSTAFFAug 21, 2021

Hello,

Consider using the following CSS Code:

@media (max-width: 991.98px) {
	#header {
		border-bottom: 0;
	}

	#top-social li {
		border-left: 0;
	}
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

OmelchenkoMaximAug 21, 2021

Wonderful, thank you