I built up the website www.greenexenergy.com using the Sydney Theme.
Therefore, I used the ‘Page Builder’ plugin to set up the content. Between each ‘block of content’ I inserted a row containing a ‘background image’ (background image of the row).
Everything is working fine on desktop and bigger screens, as I adapted the image sizes for them.
However, on mobile screen (iPhone 5 etc), only a very small extract of the original picture is shown, meaning some big pixels, not representing the image at all. It does not scale down the image at all.
The Solution I seek:
I’d like to have displayed a big part of the picture on mobile screen, or even the whole image (like for instance it is displaying the header-slider-images on the movile version).
I guess I’ll have to add some CSS to my child theme? What would it be?
Thank you in advance for your precious help!