Mobile Optimization – Header Background

Resolved sunchiller
(@sunchiller)

11 years, 5 months ago

Hello,
I was wondering if there is any chance to to make the header background image responsive to mobile and tablet formats?
http://www.bodyconnection.de

Many thanks in advance for the great help.

Viewing 1 replies (of 1 total)

Theme Author

(@acosmin)

You can open style.css, find these lines:

.header-wrap {
	width: 100%;
	height: 220px;
	background-color: #111;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	position: relative;
}

and change them to:

.header-wrap {
	width: 100%;
	height: 220px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	position: relative;
}

Also in the Customizer change the header background color to #f1f1f1

Viewing 1 replies (of 1 total)

The topic ‘Mobile Optimization – Header Background’ is closed to new replies.