Page 1 of 1

Panorama menu - Scale

PostPosted: Mon Jan 23, 2017 4:07 pm
by 360panosi
Hi,

In my virtual tour I'm using a Panorama menu, with I have some problem. On desktop and tablet version is the position of the Panorama menu (Offset x,y) right. But on my mobile iPhone 7 is the Offset of Panorama menu wrong, it's big and not in right place.

I wan't resolve this problem without: http://www.kolor.com/wiki-en/action/vie ... nt_devices

Any advice?

Re: Panorama menu - Scale

PostPosted: Mon Jan 23, 2017 4:36 pm
by Annis
No advice if you want to resolve the problem without the only solution.

None of Panotour's plugins are responsive.

Re: Panorama menu - Scale

PostPosted: Mon Jan 23, 2017 4:39 pm
by 360panosi
Annis wrote:No advice if you want to resolve the problem without the only solution.

None of Panotour's plugins are responsive.


Hm. I don't know, but how was resolve in this virtual tour http://www.stayinnlisbonhostel.com ?

Re: Panorama menu - Scale

PostPosted: Mon Jan 23, 2017 5:08 pm
by Annis
Custom coding, css, you name it.

There is one thing that does seem to have a large impact, by changing a few numbers in the html file which makes the viewport smaller, however since you don't want to edit anything there isn't anything I can suggest.

Re: Panorama menu - Scale

PostPosted: Mon Jan 23, 2017 5:10 pm
by 360panosi
When will be, if will, update for Panotour for responsive design?

Re: Panorama menu - Scale  [SOLVED]

PostPosted: Mon Jan 23, 2017 5:13 pm
by Annis
I couldn't tell you, I have no plan or ETA for new features, and while responsive plugins is high demand, there are many features on the features requests list.


If you want to know the html edit to be like http://www.stayinnlisbonhostel.com , this is it:
Open the html file in a text editor, find this line:
Code: Select all
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"/>

Change the scales of initial-scale, minimum-scale, maximum-scale to something lower than 1. In the tour you linked, they're set to 0.5 to become:
Code: Select all
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no, minimal-ui"/>

This will make the whole tour in general smaller on mobiles.

Re: Panorama menu - Scale

PostPosted: Mon Jan 23, 2017 5:15 pm
by 360panosi
Thnx for info.