Make embedded youtube video responsive in GK Grid

Responsive WordPress theme for musicians, bands, artists - easy to configure and various theme features.
GK User
Fri May 09, 2014 3:13 pm
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
User avatar
Fresh Boarder

teitbite
Fri May 09, 2014 9:53 pm
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
User avatar
Moderator

GK User
Mon May 19, 2014 10:12 am
teitbite wrote: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
User avatar
Fresh Boarder

teitbite
Tue May 20, 2014 11:24 am
Hi

No problem, glad I could help :)
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.