Hi there!
Long user of your plugin here,
I was wondering if it is easily possible to (preferably individually)tweak row or image responsiveness for mobile view.
currently the aspect ratio from desktop to mobile is kept, however I would like images to be “zoomed in” a little on mobile, showing perhaps 80% of the full image.
A good example of this would be Gucci’s website that changes ratio of their images from desktop to mobile, + they manage to zoom on specific parts of the image.
Would appreciate some guidance,
Regards,
L
Hi Luigi
Good to hear from you.
I took a quick look at the Gucci home page. Could you perhaps send me a link to a page you looked at and let me know which image to check? Thanks!
Thank you for your reply Andrew,
I am referring to the home page, all pictures are responsive.
For example take the one right before "stories" (woman with yellow bag);
On desktop view it is a full picture, on mobile they manage to zoom in on the woman perfectly where they want it to be fixed.
This type of reponsivness is common with background images, perhaps there is a way to get the exact aspect ratio/zoom desired with those?
Thanks for the update. Gucci is loading a different image per breakpoint. They’ve prepared several different images are applying them to breakpoints of their choosing. At the moment, we don’t have a widget that would all breakpoints to be chosen and a different image to be manually uploaded for each breakpoint. Something like this could be done using a Custom HTML widget using a bit of custom coding.
https://css-tricks.com/responsive-images-css/
The first example shows how you could do this in HTML https://css-tricks.com/responsive-images-css/#srcset-in-css. You’d start by uploading the images you’d like to use to the Media Library, copying the URLs and then applying those URL’s to an image tag within a Custom HTML or Editor (code tab) widget.