Delete lines in mobile header

3 replies · opened Aug 20, 2021

OOmelchenkoMaximAug 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

OOmelchenkoMaximAug 20, 2021

ps - in the mobile ver.

SSemicolon WebSTAFFAug 21, 2021

Hello,

Consider using the following CSS Code:
[ch_pre type="css"]@media (max-width: 991.98px) {
#header {
border-bottom: 0;
}

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

}[/ch_pre]

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.

OOmelchenkoMaximAug 21, 2021

Wonderful, thank you

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard