How to get fully responsive

[dreidesign]

Hey guys,

I'm having a hard time to get a true responsive experience. I want the viewer to scale the image to the full width, no matter if the picture width is below that. Also it should keep the aspect ratio.

I would also like to have that behaviour for the fullscreen view. Cause at the momentan its not behaving like a fullscreen option should.

I managed to hardcode the player img to 100% width but I'm struggiling to set the proper height:
img#wr360image_wr360PlayerId {
width:100% !important;
margin:0 !important;
height:0 !important;
padding-top: 56.25% !important;
float:left !important;
position:relative !important;
display:block !important;
}

 

[WebSupport]

Hi, please share a link to your published project or send us a zip to support at webrotate360 dot com and we will review and comment. Please remove all CSS customizations from the published 360 product view for the review.