Hi Henry, this did not work for me unfortunately. The size stayed the same on everything.
Thank you for your effort though!
Topic summary
Issue: The “image with text” section appears too large on mobile, while it looks fine on desktop. The requester wants to reduce its size on the homepage for mobile devices.
Context: The store URL (https://unclegym.co.uk/) and a password were provided to allow review.
Proposed fix: A helper suggested adding CSS in base.css with a mobile-only media query (@media max-width: 767px) to set both .image-with-text img and .image-with-text__media-item heights to 350px using !important.
Outcome: The CSS change did not have any effect; the section’s size remained unchanged on all devices according to the requester.
Technical note: The suggestion involved a CSS media query (rules applied only under a specific screen width) and direct height overrides with !important.
Status: Unresolved. No alternative solution has been confirmed, and further guidance or revised selectors/settings may be needed. Pending next steps or additional troubleshooting from participants.