Product Large layout issue on mobiles

forums_noreply@adobe.com — Mon, 15 Sep 2014 06:38:24 GMT

My products Large page is staggered on Mobiles and can not shop, but it is ok on normal browsers. Can some one help?

the page : Any products : 50 Ezywipes with a carry Tube

the issue ( responsive?) Dropbox - for BC.JPG

Current Online shop layout - Individual product -Large HTML :

{tag_largeimage}

</div>

</div>

{tag_poplets}

</div>

</div>

<div class="product-price">{tag_saleprice}</div>

{tag_description}</div>

<div class="shop-right col-lg-7 col-md-7 col-sm-12">Rating: {module_ratingrank}<br />

<div class="quantity">Qty: <strong>{tag_addtocartinputfield}</strong></div>

<div class="price-detail">{tag_addtocart}<br />

</div>

<div class="price-detail">{tag_attributes}<br />

</div>

</div>

<hr />

<li class="active"><a href="#review" data-toggle="tab">Review</a>

</li>

</ul>

<hr />

{tag_productmetadescription}</div>

</div>

<h3>What others say about this product</h3>

<div>{module_ratingfeedback}<br />

</div>

</div>

<h3>Tell us what you think</h3>

<div class="item"><label>How much you like this product?</label><br />

OK <input type="radio" name="Rating" value="1" /><input type="radio" name="Rating" value="2" /><input type="radio" name="Rating" checked="checked" value="3" /><input type="radio" name="Rating" value="4" /><input type="radio" name="Rating" value="5" />Very Good</div>

<div class="item"><label id="RFeedback">Do you have feedback? (Optional)</label><br />

<div class="item"><label id="RFullName">Name (Optional)</label><br />

<div class="item"><label id="RWebsite">Website (Optional)</label><br />

<div class="item"><label id="REmailAddress">Email Address (Optional)</label><br />

<div class="item"><label>Enter Word Verification in box below •</label><br />

{module_captchav2}</div>

</div>

</form>

</div>

<h3>RELATED ITEMS</h3>

<hr />

<p class="lead">{tag_relatedproducts,2}</p>

</div>

//<![CDATA[

function checkWholeForm26849(theForm){var why = "";if (theForm.EmailAddress) if (theForm.EmailAddress.value.length > 0) why += checkEmail(theForm.EmailAddress.value);if (theForm.CaptchaV2) why += captchaIsInvalid(theForm, "Enter Word Verification in box below", "Please enter the correct Word Verification as seen in the image"); if (why != ""){alert(why);return false;}theForm.submit();return false;}

//]]>

</script>

$( ".catProdAttributeItem select" ).addClass( "form-control" );

$( ".productPopletsItem a img" ).addClass( "img-thumbnail" );

$( "table.productTable .productItem" ).addClass( "col-lg-4 col-md-4 col-sm-4 col-xs-12 grid cs-style-4" );

$( ".price-detail .productSubmitInput" ).addClass( "productSubmitInput btn btn-darkblue" );

</script>

Thank you all in advance!!

Adobe Community : All Content - All Communities

Product Large layout issue on mobiles