Wordpress shortcode not responsive

Everything concerning the Wordpress/Joomla/Drupal plugins
Post Reply
Affenjimbo
Posts: 2
Joined: Mon Aug 17, 2020 9:59 am

Mon Aug 17, 2020 11:29 pm

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
DWaters
Posts: 3
Joined: Mon Apr 27, 2020 9:26 pm

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']
Affenjimbo
Posts: 2
Joined: Mon Aug 17, 2020 9:59 am

Wed Aug 19, 2020 11:14 am

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 :)
Post Reply