Rezize page background with screen widthAutor: Malcolm P.
The site I'm currently working on has an individual fixed page background for the home page (set in Page Properties/Graphic), with other page elements scrolling in front of the background in a semi-parallax format. It works fine on a PC or larger screens.
The client is complaining that when viewed on a mobile device the full-size image is simply cropped to the screen width rather than being resized, so that she only sees a small portion of the background image corresponding to the mobile screen size.
Is there any way of accomplishing what she wants, i.e. a background on a single page that resizes for mobile devices rather than simply being cropped?
I tried the suggestion in the Guides to use 'Fit to Window' in the Template Structure/Page background setting instead, but that applies the same background to all pages, which is not what I want. And even then the background did not resize as I expected it to from the description.
The same site also has other pages with a cell background image set as 'Fit to Window' and those images don't resize with the page width either. Am I missing something here?
All suggestions gratefully received as ever.