Parallax home page images for mobile

[MaryC]

Has anyone found the trick to having those home page images size down for mobile? I end up with a random piece of each photo - doesn't really show anything that way and looks pretty confusing.

Is there a way to make it show most of the image when sized down for cell phones?

(I'm pretty new at this, so not great at anything fancy. If someone does have an idea and could explain it to me simply that would be wonderful!)

test site is here: http://handsonfundraising.com/handsonfundraising.com/

Thank you!

http://handsonfundraising.com/handsonfundraising.com/

[SamLindner]

Hi Mary,

Try the following that someone recommended to me, it seems to work for me:

/* Responsive Home Page Images
--------------------------------------------- */

.home-section-1, .home-section-3, .home-section-5 {
background-attachment: scroll;
background-size: cover;

[MaryC]

Thank you, Sam! Wonderful!

[sheilab]

I have the same question and I wish that that your fix would have word, Sam, but it didn't. Any other suggestions out there? It's making me sorry to have chosen a parallax theme.

[Author]

Posts