[Resolved] I can't make a template responsive

[Author]

Posts

[mikelU]

I have created a toolset template that I apply to all video type entries (custom entry type). My problem is that, although the view on PC is shown correctly, it is not responsive, and on mobile devices the screen cuts off. It's a Vimeo video player (along with other elements), and the player appears cut off. How can I make it responsive?

[Waqar]

Hi,

Thank you for contacting us and I'd be happy to assist.

I noticed that the iframe used for the video is set to have a fixed width, which is breaking the layout, on smaller screens.

You can include the following custom CSS code at WP Admin -> Appearance -> Customize -> Custom CSS, to make iframes used in the pages, always confine within the maximum available width of the container:

.page-content iframe {
    max-width: 100%;
}

regards,
Waqar

[mikelU]

Lo he solucionado con tus indicaciones. Muchas gracias.