Add to Cart Button disappears on tablets

[graphicz]

I have done a site using the Smart template as a base and using 'RollOver Add To Car Button' as the add to cart layout.

The Add to Cart button disappears between 1350px and 482px device widths,

I could not find a media query that used both values but it seemed to be the class 'cart-button-placement' casusing the issue.

Fix was in 'Image on Left Text Wrapped Around' to change

			<p class="cart-button-placement">
				<actinic:variable name="AddToCartButton" /></p>

to

			<!--<p class="cart-button-placement">--><p>
				<actinic:variable name="AddToCartButton" /><br class="clearfloat" />
			</p>

CSS

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

Seemed to work.

Posted for info.

[peblaco]

There have been problems with add to cart disappearing caused by the use of CSS floats, see Missing Add to Cart on some devices.