I am new to Webflow and wanted to practice by modifying an existing free template I found on the Marketplace.
I seem to be almost done, but I struggle with the responsiveness in mobile view… I have a slider in the hero section that wouldn’t display the images correctly (especially on the “Home” and “L’Hôtel” pages), and as I tried to correct it, it seems that I made it worse…
If your images aren’t displaying correctly on mobile devices, there are two main aspects to check:
The background position settings can be adjusted in the Style panel. When using ‘Cover’ as the background size, images default to the top-left corner, which may cause unwanted cropping on mobile devices. You can improve the display by adjusting both the vertical and horizontal alignment settings to better control how your image appears across different screen sizes.
To ensure your responsive images are properly generated, refresh your image measurements by using Command + Shift + I (Mac) or Control + Shift + I (Windows). This will scan and re-measure all pages, which can resolve various image display issues.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.