October 17, 2012 at 8:52 pm #1514
I asm using responsive theme which resized properly based on user divice but the panopress output does not resize based on device. On iPhone the PanoProtour sits to the right side of page and is off the screen. Can ayone point me to how to resize this elment based on device. SOmeone has pointed me to old forum where this code was mentioned:
[media version=”desktop”]desktop [*pano file=”qbb/virtualtour.html” width=”890″ height=”400″][/media]
[media version=”tablet”]tablet [*pano file=”qbb/virtualtour.html” width=”660″ height=”320″][/media]
[media version=”mobile”]mobile [*pano file=”qbb/virtualtour.html” width=”270″ height=”200″][/media]
[media version=”mini”]mini[*pano file=”qbb/virtualtour.html” width=”195″ height=”150″][/media]
It displays all version. Can anyone help me code for displaying the version based on the device being used?
MikeOctober 17, 2012 at 9:34 pm #1516
i edited you post a bit, added “*” in the shortcode to stop the code you posted from rendering pano embed output, and changed the post title & tags for accuracy
the old forum post you are referring to is here –
it was posted by arnaud chapin, and he may have been using another plugin to generate the media shortcodes, or perhaps it was built into a theme he was using, i will send him an email and ask, and ill let you know here when i find out
samOctober 18, 2012 at 5:07 am #1527
The “versionning” shortcode is built in “website” wordpress theme. This theme is built by Kuba sto and can be bought on theme forest.October 18, 2012 at 5:32 am #1529
thanks arnaud 🙂
i believe this is the theme you mean
so it looks like this shortcode will only work with that theme, unless someone can convince the author to release it as a stand alone plugin…
otherwise, we will be looking to add something like this to panopress in a future update
samOctober 18, 2012 at 5:56 am #1530
Your contribution to VR community is great. 🙂 Thank so much !
A “versionning” panopress would be great.October 18, 2012 at 9:07 pm #1540
thanks arnaud 🙂
compatibility w responsive wordpress themes is a frequent request, so we will be adding something like this as soon as we can, many thanks for your help and suggestions here
samOctober 19, 2012 at 10:06 pm #1584
Thank you both for your response and help.
MikeMay 21, 2016 at 11:31 am #3530
first of all : BIG THANKS FOR THIS PLUGIN ! 😉
I still have this problem with my theme… look : http://bricegenevois.com/visiter-360-ile-de-sal-cap-vert/
panoramas does not resize based on devices
do you have one idea to fix this problem or i need to change my theme !!!!!!!
thanksMay 23, 2016 at 5:20 am #3532
nobody ??????June 30, 2016 at 12:42 pm #3547
CSS MEDIA QUERY – MAKING YOUR WORDPRESS WEBSITE MOBILE-RESPONSIVE
You can probably do this with a CSS media query hack (@media). If your WordPress theme has a custom CSS section, put the code there. If not, install a custom CSS plugin such as Simple CSS. It also helps to use a browser code plugin tool such as Firebug, to test the code interactively. When you find what works, copy and paste it from the plugin area to the custom CSS within WordPress.
Web designer | Photographer | Tutor
skylime.co.ukJune 30, 2016 at 1:00 pm #3548
thanks for your answer Nick !
since i decided to change my theme…
thanks again 😉
BriceJuly 24, 2016 at 6:31 pm #3556
I’m using a responsive theme but when i use the pano file code doesn’t scale for the device. what can i do to have to resize the pano based on device.
this is my code in the post
pano file=”………./Index.html” panobox=”off” button=”off” width=”960″ height=”500″
JaimeJuly 25, 2016 at 4:21 am #3557
you are using a pixel based width, use a percentage for width like this and it will scale to parent div width
pano file=”pano/Index.html” panobox=”off” button=”off” width=”100%″ height=”500″
controlling height is another matter, this requires writing custom CSS media queries as explained here –
You must be logged in to reply to this topic.