Responsive Vimeo video

Hi @davemassive,

Hope you’re well ??

Vimeo embed code by default has fixed width and height that prevents it to be responsive, however there’s a simple solution.

Paste the URL of your Vimeo video here https://embedresponsively.com/ get the new embed code from there and use it in your popup.

This will also fill up the popup and take care of white space on the right ??

Cheers,
Predrag

Cheers that worked but I still have some white space underneath the video, how can I remove that?

Also is there a way to add some margin to the outside of the box as the ‘X’ gets a bit cut off on mobile.

I’ve solved the margin problem but still need to remove the white space beneath the video, hope you can help?

Cheers

Hi @davemassive,

Could you share your site URL so we can see this in action and inspect the page to see what would be the best solution here?

Cheers,
Predrag

Sure it https://ekkobooks.com

Hi @davemassive,

Sorry for the delay, I was away for the weekend.

You can use this CSS to have same left/right/bottom spacing:

.wdpu-1091 .popup .wdpu-text {
    padding: 20px;
}

Or you can go with the below one to get rid of the spacing completely:

.wdpu-1091 .popup .wdpu-text {
    padding: 0;
}

Cheers,
Predrag

Great that’s brilliant, just what I needed and very helpful.

Thanks very much

Cheers