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.
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,
Apologies! The link is: https://www.freecodecamp.org/news/media-queries-width-ranges/