360 Gallery mobile resolution problem.
Autor: Emre Şengül
Visitado 1567,
Seguidores 2,
Compartilhado 0
360 Gallery works as it should be in high resolutions, but it seems to be inaccurate in low mobile resolutions. The image in the gallery is very small. How can I fix?
my website:https://www.benimfotografcim.com/urun-cekimi.html
Publicado em
Hello Emre
I was able to verify the issue and proceeded to notify this to the developers.
As soon as news on this becomes available, I will be sure to notify you here
Thank you for your patience as we look into this
Stefano
Autor
Hello, Are there any improvements?
(It > En) ... if you are interested, while you wait for the fix, ... you could try this simple EXTRA code:
<style> #imCell_42, #imCell_43, #imCell_44 { width:100% !important; :height:auto !important;} </style>
.... ... paste in this section:
>> Step 3 - Map > The Page Properties window (urun-cekimi.html) | ▪Expert | ▪Custom Code: (3°) > ▼Before closing the HEAD tag
.
Hello Emre
Unfortunately, not yet.
I can confirm that the issue has been notified correctly but it is currently still under analysis
I will be sure to notify you here personally as soon as news on this becomes available
Thank you
Stefano
Autor
... I'm sorry but I did not understand...
... however I see that you have not applied my code ...
... give it a try so I can see ...
ciao
.
Autor
I tried the code you wrote, but no change.
... sorry, I was wrong by putting (:) more ......
... I notice that the problem occurs below 500 pixels ...
... it is also known that with the smartphone from horizontal to vertical the images are regularized ...
... anyway, since you already know how to do it, you can do this other test ...
... replace my previous code with the following, and then let me know so that I'm going to check:
<style>
@media (max-width: 499px) {
#pluginAppObj_9_44-container > div > div > img { width:285px !important; height:190px !important;}
#pluginAppObj_9_43-container > div > div > img { width:285px !important; height:190px !important;}
#pluginAppObj_9_42-container > div > div > img { width:285px !important; height:190px !important;}
#pluginAppObj_9_44, #pluginAppObj_9_43, #pluginAppObj_9_42 { width:300px !important; height:200px !important;}
#pluginAppObj_9_42-container > div > div,
#pluginAppObj_9_43-container > div > div,
#pluginAppObj_9_44-container > div > div { width:300px !important; height:200px !important;}}
</style>
.
ciao
.
Autor
Great, thank you very much. Problem solved.
... OK ... thanks for confirming ......
... I checked on my smartphone and it works well ...
... now it will be a matter of waiting for the definitive fix ...
.
Autor
Hello, How can I center 360 Gallery on screen on Mobile?
http://benimfotografcim.com/urun-cekimi.html
The 360 gallery appears centred on my android with chrome and firefox
Can you try another browser and which one are you currently using?
(It > En) ... sorry, I don't notice any particular problems on my smartphone ...
... I am not in a position to do and check more than I did before ...
... perhaps with the PRO version, adding a final final breakpoint at 360px could solve the initial problem, but only those with the program can verify it ...
ciao
.
Autor
The object appears on the right as seen in the screenshot. I asked how do I center this?
... + > margin-left:50% !important; left:-150px !important;
...............................................
<style>
@media (max-width: 499px) {
#pluginAppObj_9_64-container > div > div > img { width:300px !important; height:200px !important;}
#pluginAppObj_9_65-container > div > div > img { width:300px !important; height:200px !important;}
#pluginAppObj_9_66-container > div > div > img { width:300px !important; height:200px !important;}
#pluginAppObj_9_84-container > div > div > img { width:300px !important; height:200px !important;}
#pluginAppObj_9_64, #pluginAppObj_9_65, #pluginAppObj_9_66, #pluginAppObj_9_84 { width:300px !important; height:200px !important;}
#pluginAppObj_9_64-container > div > div,
#pluginAppObj_9_65-container > div > div,
#pluginAppObj_9_66-container > div > div,
#pluginAppObj_9_84-container > div > div { margin-left:50% !important; left:-150px !important; width:300px !important; height:200px !important;}}
</style>
.
Autor
great, thank you very much.