Youtube embed's break the template on phone

akseldahlnorway

I have an issue with my template breaking in my articles for my YouTube videos embedded into the article via Jce Pro. This only happens on my phone.

I had a similar issue with another website, a shop. You guys fixed it with a code in my template style's custom code. I tried it, but it does not work for this template.

Here is a link to show the issue (you must open it on the phone)
https://www.earthoftomorrow.com/index.php/vlog-articles/special-trips/from-north-to-south-in-the-philippines/577-we-take-a-dangerous-drive-from-zamboanga-to-general-santos

Aksel

saguaros

Hi Aksel,

Could you share screenshot highlighting the issue? as it looks normally on my phone.

akseldahlnorway

Here it is.

I use a Samsung A54 btw.. Maybe you are on an iphone and it works on that one..

saguaros

akseldahlnorway Your attached screenshot seems to be from another page, could you share that URL?

akseldahlnorway

Sorry, that was my bad. I just took a random article, while the issue is only on the latest articles where I embed the YT videos.

HERE:
https://www.earthoftomorrow.com/index.php/vlog-articles/life-in-philippines/669-the-dahl-family-s-humble-new-year-celebration-2024

saguaros

You can try this custom css code:

@media (max-width: 767px){
.view-article.item-1024 .com-content-article__body iframe {
    width: 100%;
}
}

akseldahlnorway

That did not work, unfortunately.

saguaros

Not sure where you add my suggested code as I did not see it on your site.

I just added for you, kindly check.

akseldahlnorway

I am so sorry for late reply. I been down with a rough cold.

I tried it where you put it but since it did not work, I took it away.

My bad. I forgot to clear my browser before checking if it worked.

Sorry about that, man.

All works now.

Thanks for the help.
Aksel

saguaros

My pleasure 😉