Image banner display mobile

Retired Boards Appdev Store Design
,
1

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!

2

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](http://How%20to Set Width Ranges for Your CSS Media Queries) should help you use these!

Hope this helps,

3

link is broken

4

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