I’ve added the following css code:

div.wpb_video_wrapper {
width: 324px;
height: 187.75px;
}

It makes no difference and

div.wpb_video_wrapper {
width: 324px!important;
height: 187.75px!important;
}

also makes no difference.

Apologies – posted in wrong area.

I have the same issue.

Many thanks Vlad

It was a plugin causing the problem – Imagify – image optimizer.

Thanks again

Nigel

You can view the problem in situ at https://www.news.cyprus-property-buyers.com/2020/04/08/30-year-paphos-marina-saga-continues/id=00157792

Nigel

Hi Vlad

I’ve sorted it out by using using Google Chrome rather than Waterfox.

It would e useful if tagdiv listed browsers it supports to prevent other people falling into the same trap.

Thanks for your help

Nigel

I’ve been trying to resolve the issue, but with limited success. Here are screenshots viewing the mega menu with:

Google Chrome – Version 83.0.4103.61
Waterfox – Version 2020.05
Microsoft Edge – Version 44.18362.449.0
All look different:

1. Google Chrome – all OK

2. Waterfox – large empty space between image and title

3. Microsoft Edge – large empty space below image – no title (screenshot 1)

4. Microsoft Edge – space below image gets even larger when floating mouse over image large empty space below image (screenshot 2)

Nigel

I’ve been looking into this a bit further. Regardless of the image size I select – XXSmall – 218x150px, XSmall – 324x400px, Small – 485x360px, Large – 1068px or Full – 1920px, the display remains the same.

Maybe it’s a problem with the container rather than the images themselves?

TVM