Full Height player in Wordpress

Everything concerning the Wordpress/Joomla/Drupal plugins
Post Reply
DWaters
Posts: 1
Joined: Mon Apr 27, 2020 9:26 pm

Mon Apr 27, 2020 9:48 pm

Hi, I was wondering what is the best way to achieve a fully responsive width & height in the wordpress player? The shortcode currently does not allow you to insert '100%' into the height attribute. It only works on the width. I have a tour set up in its own page where I want it to fill it entirely.

This is mainly an issue on mobile when users who have short devices have to scroll down a lot to just see both the bottom of the pano and the control buttons. If it were responsive, it would adapt to the screen size.

I've searched the forum and documentation and all I've found is that it should already be height responsive based on the parent container, but this isn't the case anymore at least not in my experience.

Thanks for any insight!!
User avatar
Hopki
Gnome
Posts: 10321
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Thu Apr 30, 2020 11:00 pm

Hi,
Try 100vh in the height box.
Regards,
Hopki
Garden Gnome Software Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
San
Posts: 31
Joined: Sun Jun 05, 2016 6:25 pm

Sun May 17, 2020 3:54 pm

what do you mean by test 100 v
User avatar
Hopki
Gnome
Posts: 10321
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Tue May 19, 2020 12:38 pm

?
I'm not sure I understand, in the height text field you can enter 100vh.
Regards,
Hopki
Garden Gnome Software Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
nexusphoto
Posts: 14
Joined: Thu Sep 19, 2019 10:15 pm
Location: Essex
Contact:

Wed Jul 01, 2020 2:52 pm

Hi DWaters,

vh stands for viewport height, so if you enter 100vh the tour should scale to the height of the screen it's viewed on. This will make it responsive for different viewport sizes.

Regards

Wil
Post Reply