How can I resize embedded gifs for proper website display?

Hey! I need help. My embeded gifs are wider than the screen size so my website is scrollable from left to right which is awful. I’ve already tried changing the size from the html code but that didn’t work. Do you guys have any ideas?

@RochiGP - can you please share your page link?

Yes! www.glowbeautynyc.com.

I think the problems isn’t the gifs, but the horizontal scroll. I don’t know how to get rid of it.

@RochiGP - there is not scroll when I check on my machine, it looks like below

It happens only in the product pages :confused:

@RochiGP - I saw the scroll but after page loads it is gone

Look at it from your phone, you’ll see that there’s a horizontal scroll in mobile display

:slightly_smiling_face:

@RochiGP - add this css to the very end of your base.css file and check, we may need few other settings as well , your images have inline css which should be removed, should look like screenshot below

iframe{max-width: 100%;}

@media screen and (max-width:749px){
.rte img {margin: 0 !important;}
}

Thank you so much! It worked. I appreciate it immensely :heart:

@RochiGP - welcome, let me know if you need anything else, you have my email below.