ROW background image does not resize properly on iPad

[anettemossbacher]

Hi there,

My 2 rows background images in my page are not proper resizing on an iPad. How can I solve this on iPad? On mobile I have to switch this off, I assume because of the text.

Thanks a lot

Ciao Anette

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

You background row images look to be behaving normally, I looking for them to be x/y positioned slightly differently for small screens?

you can add a custom class name ex: my-custom-class to the row options, then alter the background position with a line of CSS:

@media (min-width: 768px) {
	.my-custom-class .spb_parallax_asset {
	  background-position: 70% 0!important;
	}
}

Thanks,
David.

[anettemossbacher]

Hi there,

I have inserted the css for resizing background images in ROWS.

@media (min-width: 768px) {
.my-custom-class.spb_parallax_asset {
background-position: 70% 0!important;
}
}

It does not resize properly when I have a smaller subject on the left or right side on the image. My subject disappears under my profile image I have inserted on that page. How can I solve this problem? This time on a different page: http://www.anettewildphotos.com/a-test-about/ This is quite annoying that it does not resize properly to the browser size. For mobile I do not need it, but for iPad and pc screens! Would be great if there is a work around.

How can I set on a single page a background image for the full page? This might solve the problem!

Cheers Anette

[David Martin – Support]

Hi Anette,

To set a single page background, edit the page and navigate to ‘Meta Options => Page Background => Background Image’.

Using one flattened image of multiple images would never re-size perfectly as such. You would likely need to break up the image and build the layout using column positioning for the right/left images on the page, these can be toggled for mobile, tablet or desktop only view.

– David.

[anettemossbacher]

Thank you very much David for the info. I will have a go if it does what I want to achieve.

Thanks a lot for your time 🙂

Ciao Anette

[David Martin – Support]

No problem! Let us know how else we can assist you.

– David.