Jumbotron background image not scaling on iPhone 6

Illdy
1

Hi Illdy developers,

The Jumbotron image is not scaling properly on my iPhone 6. See attached screenshot.

On a response simulator it looks ok but not on my actual phone. I also tried with my girlfriends’s phone where the same problem occurs.

The page is malerfirmaetsb.maxlacour.com

Can you assist?

Best,
Max

2

Hello again,

I added the following CCS code and now it works OK.

Best,
Max

front-page-section .section-header h3 {
 line-height: 1.5;
}

@media (max-width: 1600px) {
 #header .bottom-header {
  padding-top: 100px;
  padding-bottom: 100px;
 }
}

@media (max-width: 1024px) {
 #header .bottom-header h2 {
  font-size: 40px;
 }
}

@media (max-width: 767px) {
 .top-header .col-sm-2 {
  display: inline;
 }

 #header .bottom-header .header-button-two {
  padding: 0 10px;
 }

 .top-header .col-sm-10 {
  display: inline;
  float: right;
  clear: both;
 }

 #header .bottom-header .header-button-two {
  font-size: 16px;
 }

 .custom-logo {
  width: 200px;
  height: auto;
 }
}

@media (max-width: 320px) {
 .custom-logo {
  width: 100px;
  height: auto;
 }

 #header .bottom-header .header-button-two {
  font-size: 12px;
 }
}

@media only screen and (max-width: 1242px) {
	#header {
		background-attachment: initial !important;
	}
}
3

Hello there,

I hope you are doing well today.

I am glad that the issue was resolved and since you have solved the issue, I will go ahead and close this ticket.

Best Regards,
Support