Shrinking Image on Mobile - 'Image with Text' Block

glorykwilliams · ‎03-15-2024

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/

Thank you in advance!

Glory

Natasha-Saed · ‎03-15-2024

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

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

Natasha-Saed · ‎03-15-2024

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

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 · ‎03-15-2024

Thank you so very much!!

Natasha-Saed · ‎03-15-2024

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

Shrinking Image on Mobile - 'Image with Text' Block

Shrinking Image on Mobile - 'Image with Text' Block

Community Blog Articles