Adapting width not working

Yeah this was driving me crazy. Adaptive width was working fine for me a few days ago. Not sure what’s causing this. Maybe a plugin update? Try adding this to the custom CSS dialog in the widget:

.fb-page.fb_iframe_widget span {
	display: table-cell !important;
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
}
.fb-page.fb_iframe_widget span iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

NOTE: if you resize the browser window, the iframe isn’t responsive BUT it will load properly if you refresh the page – I noticed this before the current problem with ‘adaptive width’.

Also, make sure you uncheck ‘adaptive width’ in the widget settings, set a fixed width value (500px or less), save. Then re-check ‘adaptive width’ & save.

Hope it works for you.
pk

Hi pk.

That worked!

Thank you so much for your help, I REALLY appreciate that!

Excellent! Glad it worked for you.
pk