Hello,
I have purchased a php shopping cart for customs products(with an image editor tool), and I have already embedded the cart code in my html template https://pixster.es
<div class="tshirt-container">
<iframe src="http://example.com" height="690" width="1020" allowfullscreen="" frameborder="0">
</iframe>
</div>
<style>
.tshirt-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 35px;
height: 0;
overflow: hidden;
}
.tshirt-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
</style>
Is working fine with the desktop, but If I using a mobile phone the image editor template is boxed inside a small area, don't showing all the wide tool/product area (attached images).
Could you please check and tell me where is the problem, because this tool must be used mainly in the mobile device.
Thanks in advance for your patience and help.
Best regards