A user is experiencing issues with a banner image appearing too large when viewed fullscreen on desktop. The banner is currently set to “adapt to image size,” which works well on mobile and minimized views but creates excessive height on larger screens.
Proposed Solution:
background-cover property to the image in the code to make it responsive across different screen sizes.Current Status:
Hello, how can I make this banner image section fit on all screen sizes? It is a little too big when viewed fullscreen.
It is set to adapt to the image size. This is the result when viewed fullscreen on desktop:
Minimized and on mobile it is more like this, which is perfect:
Thanks for the help!
It can be fixed in code by adding background: cover property to the image.
