Mobile Full Page can be object-fit: cover?

davidpabon

New member
Hello guys

I'm a new user trying to solver a problem with the software (already licensed)

I was using Object2VR before wich got pretty outdated but I really need a setting that I used to implement and haven't been able to do on webrotate
It is the ability to set the viewer image to cover the whole screen, even if it clip out, something similar to CSS: "object-fit: cover"
I'm not a CSS expert at all so I have been just trying to find somewhere to place the code or something to make it work but haven't been able to figure it out.

For example:
New rotator with webrotate:
https://teko.com.co/muses/financial/living43/maqueta/
(If you see it on a mobile device the image remains horizontal so it gets very tiny on screen, that's the problem)

The old one with the Cover option that I'm trying to accomplish:
https://teko.com.co/muses/financial/living43/maqueta/old/

I really hope that someone can help me with this, Thank you in advance!
 

ForumAdmin

Administrator
Staff member
Hi David! You can add something like this in your <style> header:

Code:
.wr360_player .container .panning {
    margin: 0 !important;
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
}

It will do the trick at the expense of the ability to zoom like in your example. You can then hide zoom button in SpotEditor or via xml config of your 360 archwiz view.
 
Top