Parallax Pro Front Page Background image not responsive on ipads

[kenalou]

I am having trouble making the background image mobile responsive/sized correctly on ipads...I used the following code to make it work on phones, etc.

@media only screen and (max-width: 1140px) {
.home-section-1 {
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
}
}

Not sure why it doesn't look good on an ipad...anyone willing to help? Thank you in advance!!!

http://gofullswift.com

[Brad Dalton]

I think you have at least 2 different solutions you can try :

1. You can target the image using iPad specific CSS

or

2. Swap out the image on mobiles.

---

Tutorials for StudioPress Themes & WooCommerce.

[Author]

Posts