Make embedded youtube video responsive in GK Grid

Hi

I have done the following;

- Installed Widget GK Grid
- Inserted Youtube code in text widget with requirements from Gavick website; http://www.gavick.com/documentation/wordpress-themes/plugins-for-wordpress/gk-grid-wordpress-widget/
--> <div"><iframe type="text/html" width="640" height="385" src="http://www.youtube.com/embed/k0wTHj1zAOY" allowfullscreen frameborder="0"></iframe></div>
- Dragged Text widget to GK Grid I
- Configured GK Grid with the text widget as ' source' GK Grid I

Now the video is shown perfect in the desktop view, but when the website is resized watched on a mobile screen, the content of the text widget is not responsive.

FullyResponsiveYoutubeVideoInGKGrid.png

What can be done to make the content of the source, in my case an embedded Youtube video, to be fully responsive?

Thanks in advance!

PS The temporarily website is on http://demo.jcschrijver.nl

Hi

GK Grid only makes new positions for widgets, so You need to use a video widget with responsive functionality or use a css code which will force responsivenes option in this place. Here You will find an instruction: http://webdesignerwall.com/tutorials/css-elastic-videos

Hi

GK Grid only makes new positions for widgets, so You need to use a video widget with responsive functionality or use a css code which will force responsivenes option in this place. Here You will find an instruction: http://webdesignerwall.com/tutorials/css-elastic-videos

Thanks for pointing that out.
I have used the CSS example and my video's are responsive now, many thanks!

Regards

Hi

No problem, glad I could help