Solved

Shrinking Image on Mobile - 'Image with Text' Block

glorykwilliams
Tourist
11 0 1

Hi everyone! I am utilizing an 'Image with Text' block on the homepage of my site, but instead of an image I've input a video. It looks great on desktop but the mobile image is huge. Can someone help provide code to fix this?

 

Website preview: https://p9js19ew58s8h0oa-52330070214.shopifypreview.com/

 

IMG_7282.PNG

 

Thank you in advance!

Glory

Accepted Solution (1)

Natasha-Saed
Shopify Partner
411 45 72

This is an accepted solution.

Go to that section custom css and add the following code:

@media only screen and (max-width: 768px) {
.image-with-text__video {max-width: 50%; height: 650px;}
}

Save

 

NatashaSaed_0-1710538328302.png

 

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint

View solution in original post

Replies 3 (3)

Natasha-Saed
Shopify Partner
411 45 72

This is an accepted solution.

Go to that section custom css and add the following code:

@media only screen and (max-width: 768px) {
.image-with-text__video {max-width: 50%; height: 650px;}
}

Save

 

NatashaSaed_0-1710538328302.png

 

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
glorykwilliams
Tourist
11 0 1

Thank you so very much!!

Natasha-Saed
Shopify Partner
411 45 72

You are always welcome glad I've managed to help

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint