Extra margins added on mobile view

[SwearingDad]

Hi

I am using the latest WebRotate plugin with the latest Salient theme on Wordpress.

Everything seems to be working OK except when viewed on smaller mobile screens. Then there is a large unwanted top margin being added to the WebRotate images making the page have large gaps.

See here for an example:
[link removed]

Styling code appears to being added to each image for mobile, here is an example:

<img id="wr360image_wr360_yellow_jumper_ms_playerid" class="panning" src="/basement-moving-stills/yellow_jumper_ms/360_assets/yellow_jumper_ms/images/BAS05285.jpg" style="margin-left: 0px; margin-top: 111.18090452261305px; width: 420px; height: 527.6381909547739px; display: inline;">

You can see the "margin-top" has a large value.

Ideally this should be zero.

Does anyone know how I can stop this behaviour?

Thanks!

Simon

 

[WebSupport]

Hi Simon,

Thanks for sharing the link (awesome photography!). This is controlled by the basewidth and minheight parameters in the shortcodes which make the viewer height responsive as well. Please see Step 3 in the following URL for the explanation:

https://www.webrotate360.com/products/c ... stallation

Let us know if any questions or issues

 

[SwearingDad]

Thank you for your advice - it all works correctly now.

Best

Simon