Assistance Needed: Hero Image Editing for Mobile Responsiveness and Consistency

Hi everyone,

I'm currently experiencing some challenges with editing the hero image on the main homepage of my LMS. The image doesn't seem to display at all on mobile devices. I asked AI for an optimum size, but the size it suggested made it worse.

Additionally, I’m finding it difficult to maintain consistency with the images because there doesn’t appear to be any standard guidance on optimal sizes or dimensions that work well when editing the site. I ultimately resort to adding an image from 'unsplash', saving the page, and then downloading the image to verify the appropriate size for creating images on Canva.

Does anyone have tips or best practices for:

1. Ensuring hero images look good and are mobile-friendly?
2. Establishing consistent image sizes or aspect ratios for better alignment across the site?

Any advice, examples, or resources would be greatly appreciated! I have, however, completed a refresh of the home page and I'm really pleased with it :)

Thanks in advance for your help!

Catherine

Hi Catherine,

Can you send us the URL so we can investigate this further?

Thank you!

@heights-platform Will do! I've just sent a message now via Support widget.