Image Cut-off | Dawn Theme | Image with Text

Store Design
1

Hello!

The “Image with Text” sections appear normal on the desktop and mobile editor.

However, when the live site is viewed from a mobile device the top of the image is cut off.

See here: https://burkeandbowen.com/

What would you recommend to fix this issue?

Thank you!

1 Like
2

@zduncan

please share issue image?

3

Hi @zduncan ,

I tested and it works fine. Please send me the error screenshot, I will check it for you

4

IMG_7128.PNG
IMG_7128.PNG828×1792 106 KB

Shirt-8.png.png
Shirt-8.png.png1080×1920 71.6 KB

Thank you! As you can see the top and bottom of the image are being cut off.

5

I just shared the image in this thread!

6

Hi @zduncan ,

Go to Assets > base.css and paste this at the bottom of the file:

@media screen and (max-width: 749px) {
	.image-with-text__media--small {
		height: 22rem !important;
	}
}

Hope it helps!

7

Thank you so much! Problem solved.

1 Like