Page 1 of 1

Wordpress shortcode not responsive

Posted: Mon Aug 17, 2020 11:29 pm
by Affenjimbo
Hi after a few days of work I manged to export my first panorama tour with pano2VR.
But there was the next issue: I cannot use the WordPress plugin, as it doesn't work properly with my WordPress Theme. So is used the shortcode-method as described in one of the videos. But the shortcode is not responsive. On my smartphone I just see half of the panorama.

Is there a way to use the WordPress package with the shortcode and make it responsive?

Maybe wrap it in an iframe? Or use CSS? I tried it with CSS but am could not make it work.

Hope you have a solution for this issue.

Best regards

Max

Re: Wordpress shortcode not responsive

Posted: Tue Aug 18, 2020 5:17 pm
by DWaters
This should help you get 100% width (of whatever your shortcode is placed in) and 100vh height (will make the height the same height as your browser window or device height)

Code: Select all

width='100%'
and

Code: Select all

height='100vh'
So like this:

Code: Select all

[ggpkg id=12 width='100%' height='100vh' start_preview='true']

Re: Wordpress shortcode not responsive

Posted: Wed Aug 19, 2020 11:14 am
by Affenjimbo
DWaters wrote: Tue Aug 18, 2020 5:17 pm This should help you get 100% width (of whatever your shortcode is placed in) and 100vh height (will make the height the same height as your browser window or device height)

Code: Select all

width='100%'
and

Code: Select all

height='100vh'
So like this:

Code: Select all

[ggpkg id=12 width='100%' height='100vh' start_preview='true']
Awesome, thanks a lot! It worked. Now it is responsive :)