Genesis column classes not responsive with Youtube embedded video?

[Andras]

Hello,

This page looks bad on moblie (Chrome browser on Android phone):

Mit?‘l jó egy céges weboldal?

How can I fix this? I used Genesis column classes, and on desktop it works fine.
On mobile not 🙁

https://webkapu.hu/ceges-weboldal/

[Victor Font]

The issue you are experiencing has nothing to do with Genesis column classes. The issue is that the images you are using as placeholders have a hardcoded fixed width that is wider than the mobile screen.

When you examine your site in the browser inspection tool, you can see that the column classes have the correct width for the screen and that the YouTube insertions are overflowing the width. The YouTube videos are too wide.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Andras]

Thank you Victor!

I changed the youtube sizes now. The page still does not fit into the mobile screen.

What might be still wrong?

[AnitaC]

@andras try using Fitvids - https://wordpress.org/plugins/fitvids-for-wordpress/.

---

Need help with customization or troubleshooting? Reach out to me.

[Andras]

Actually the issue was self-inflicted. I had changed a couple of things in the CSS, which resulted in the page becoming non-responsive.

I overwrote the CSS with the original now, and the issue is solved.

[Author]

Posts