How do I change the code for images (NOT HEADER OR SLIDESHOW) to resize for mobile and desktop?

Hi,

I’m trying to use an image as a heading using the Dawn theme. I managed to place the image on my homepage and it’s great but when I try to view it on mobile, it’s far too small.

Please can someone help me either change the code or how to separate images so that they are a good size on both mobile and desktop.

Here is an example of what I’m trying to achieve: https://www.welovefrugi.com/ Take a look at the word ‘highlights’.

Thank you

Hi @dkcrooby

Please share your store URL (and password if any) so that we can have a quick look and suggest the CSS changes required to fix it.

Thank you.

Hi,

Thank you. The url is https://thebotanicaltraveller.com/. I don’t think there’s a password.

The images I’m wanting to change are ‘Floral Finesse’ and ‘What’s Hot’. I’d like to change a few more but need to make sure it’s the right size on mobile too.