Image banner display mobile

[nathalie3003]

Hello there,

I am trying to display different image banners on Web Browser vs. mobile. I am using Dawn theme. The issue I am having is that I would want the height of the mobile banner to be as it is - I do not want it to adapt to the height of the web browser image.

I have found a solution on this platform, however it fixes the height of the mobile banner to be the same as web browser, and I would like a large width for the web browser image, and a large height for the mobile image.

Any suggestion?

Thank you!

[Liam]

Hi Nathalie3003,

You should be able to set up different image dimensions using media queries. These will set you define specific height and width settings depending on particular screen sizes. This tutorial on media queries should help you use these!

Hope this helps,

[Shawn512]

link is broken

[Liam]

Apologies! The link is: https://www.freecodecamp.org/news/media-queries-width-ranges/