My image Banner is the recommended size 1600 x 1050px. It displays correctly on mobile but not on desktop (see image). What is the fix for this please.
TIA.
Hello @Lee_London_UK ,
Can you share more info by providing with the link to the store so we can take a look?
Thanks
@Lee_London_UK thank you for providing the link.
The Dawn theme doesn’t have option to adjust it directly, so for this it needs to be applied css/html code inside the code editor in order to be adjusted based on your needs.
Applying css to the image with changing the:
- @media screen and (min-width:992px) { .banner__media.media>img { object-position: top; } }
- And maybe changing the height to be larger, will be better to center the image.
Hope it helps.
I know how to access the code editor. But will need extra help in what to change and what to replace it with.
@Lee_London_UK if you can find the banner section in the liquid code, then you can place the above mentioned into the:
@media screen and (min-width:992px) { .banner__media.media>img { object-position: top; } }This will adjust the image to be on top, so the text will be visible. But you may want to adjust the height of the image as well.