Parallax Pro – Mobile Responsive Home Sections

[immacc50]

I found this post and applied the code to home section 1, 3 and 5. I cleared the cache, added the code to autoptimize critical css, the style.css file and paused then resumed Cloudflare, then cleared the cache again. The code is showing up in the source but I am still not getting a responsive image.

view-source:http://clovisplumbingservices.com/

Any thoughts?

=======

January 26, 2016 at 4:10 pm #177625
Topic: Making parallax pro more mobile responsive
Design Tips and Tricks

If you'd like to make your background for home page section 1, resize to show full in smaller screens too, you can add following CSS code at bottom of your child theme's style sheet:

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

Regards,

Ali
Customer Success Specialist

http://clovisplumbingservices.com/

[Christoph]

Hi,

Sorry, that your post didn't receive a response sooner.
The posts on this forum are mostly answered by volunteers and sometimes questions get pushed out-of-view.

I hope your issues with autoptimize and cloudflare got resolved quickly.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[immacc50]

Thank you for the response... The code I referenced above did not work, however, I have since moved to the Infinity Pro Theme which seems more responsive to images on the home page. Additionally, I moved to SSL and had the site speed addressed by wpfaster.org

My site speed is currently at 99 mobile and 95 desktop. Great theme by the way.

Clovis Plumbing Services

[Christoph]

I am happy you found a solution (even if it meant changing themes) and got such great speeds 🙂
The website looks good, too.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts