Hi there, I have an image as a medium banner which is not displayed correctly in mobile version. How can I make that it is always displayed with everything visible, but maximum width as far as the other elements? https://taneraskin.com/products/peeling-handschuh Dawn theme. [Bildschirmfoto 2024-…

This is Noah from PageFly - Shopify Page Builder App Hi @isabellemaria Please add code here to fix it: Step 1: Online Stores > Themes > Edit code Step 2: Choose file theme.liquid Step 3: Add code above the tag Hope my solution will help you resolve the issue. Best regards, Noah | PageFly

Thank you but this does not solve the problem that the image is not displayed in full height. Yes, it fits the screen now, but a part of it is still cropped away like this and not visible…

please replace all image banner section code with below code [mrashid_0-1718371013514.png] {{ 'section-image-banner.css' | asset_url | stylesheet_tag }} {%- if section.settings.image_height == 'adapt' and section.settings.image != blank -%} {%- style -%} @media screen and (max-width: 749px…

I did. Now the image is completely gone and not visible in desktop or mobile.

@isabellemaria wait checking your store

I made a mistake, I now replaced the whole code but there is no change. I still don’t see the image in full height. A part at the bottom is still cropped away.

@isabellemaria this is just 5 minutes task just allow me to send collaborator request

Change banner size for image

Store Design

mrashid_1 June 14, 2024, 1:19pm 10

Topic		Replies	Views
Dawn Theme: make the image banner adapt to image size on mobil view Store Design design , css	4	124	January 15, 2023
Image not fitting properly in image banner Store Design	7	212	August 21, 2023
Display an other image-banner on mobile than on desktop (Taste Theme) Store Design design , css , shopify-themes	14	207	July 3, 2024
different image for mobile and Desktop Store Design design , css	6	70	December 5, 2024
How can I adjust the size of my mobile image banner on Dawn theme? Store Design css	16	169	October 12, 2023

Change banner size for image

Related topics