Tagged: Colour section, responsive
Hi Guys!
I’m looking at my website on a bunch of different devices, seems like the background image I have in Color Section gets all messed up when looking at it on other screens (ipad, etc). iphone 6 plus seems okay and it looks good on my macbook, but the images on ipad and other screens I’m testing on don’t look so good.
I’d like to keep the photo setting on parallax.
How can I set the color section so the images I’m using look good on all screens. I can download big photo files…what size do I need to set the settings and background image minimum height to?
The full-width easy slider resizes everything perfectly…wish the Color Section did the same thing…
Hey Courtney!
Thank you for using Enfold.
I checked the services page but it doesn’t exist. It depends on the color section size. Use images with a minimum width of 1500px as background images then set the background position to center center.
Regards,
Ismael
Hi!
I have created a private page called “Test page” using Color Section element, could you please take a look at it?
Regards,
Yigit
Hi Guys, I am struggling with this as well. I would like the background image to be responsive.
At the moment I have the image of a woman with her hands in the air and on a iPhone 6, all you can see is her fist, and it doesn’t look very inviting.
How do you get the background image in a colour section to be responsive.
Thanks
Steve
Hi!
Try setting the background position to center top or center center. Also try setting the repeat to “Stretch to fit”.
Send us a link to your page if your still having trouble. You can set your reply as private if you wish.
Regards,
Elliott
Thanks Elliot. That seems to of worked. The image doesn’t respond on iPhone 6 but other than that it looks ok. Thanks