nsdlfefinedieicbe nsdlfefinedieicbe - 3 months ago 13
CSS Question

Button is displaying above at the time of page loading

if we visit this page , at the time of loading , "ADD TO CART" button will display bit above as below image.

enter image description here

once the page loaded completely, than it will display in proper place.

enter image description here

but at the time of page loading also i want to display in proper place.

.label {
color: #000;
display: inline-block;
font-family: 'Roboto Condensed', sans-serif;
font-size: 14px;
font-weight: normal;
}

.product-view .add-to-cart .qty-wrapper label {
line-height: 40px;
}

.qty-wrapper, .product-view .add-to-cart .qty-wrapper label {
margin-right: 7px;
float: left;
}

.product-view .add-to-cart-buttons {
float: left;
margin-right: 10px;
max-width: 100%;
}

Answer

The source code of your page hurts my eyes!!

You're loading the styles <link rel="stylesheet" type="text/css" href="http://sbdev2.kidsdial.com/skin/frontend/rwd/Style/css/styles.css" media="all" /> after all the js files, move the CSS below the <meta property="og:image" ... meta tag in your page, above all the js files.