360 Loading symbol is Out of the frame

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Please, confirm the permission for plugins deactivation, and switching to the parent theme. As soon as we complete the testing we will enable all back, however, the site would be without plugins for 15-20 min. You would better make the full backup of your site.

Best Regards

Hello,

Please try to cut the images and check how it works: https://prnt.sc/GXSV9a1DrkSq

Try this with one product and let us know if the problem remains.

Best Regards

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.wd-threed-view,
.wd-threed-view .threed-view-images img {
	max-height: 100vh;
}

.wd-threed-view .spinner {
	position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
	margin: 0 !important;
}

Best Regards

Hello,

You have inserted the code provided with the mistake: https://prnt.sc/0QGCy6w7CNG1

Please insert the code correctly.

Then insert this code into the Theme Settings > Custom CSS > Global:

@media (max-width: 1024px) {

.wd-threed-view {
	height: 100vh !important;
}

.wd-threed-view ul,
.wd-threed-view ul > li {
	height: inherit;
}

.product-360-view-wrapper .wd-threed-view ul > li > img {
	position: absolute;
	left: 0;
	top: 50%;
	bottom: 0;
	right: 0;
	transform: translateY(-50%);
}
}

If you have any questions please feel free to contact us.

Best Regards