I am having an issue. When viewing my site in google chrome, the product name appear over the product image on the product detail page. However, if you refresh the page, it then moves back below the product image, where it should be. Any ideas on what is causing this?

www.sierra-mc.com

Did you add this CSS?

.detailname h1{
font-size: 1.2em;
padding:6px;
float:right;
width:98%;
margin-top:10px;
margin-bottom:12px;
border-bottom: 1px solid #ccc;
}

and

@media all and (max-width: 980px) {
.main{ width:100%; padding:0 10px;}
.down_nav ul li a{ padding:8px 7px;}
.down_nav ul{padding-left:20px;}
div.detaildescription,div.detailname h1, div.detailimage, span.detaildiscountsapply{
float:left;
width:98%;
}
Try removing the h1 from .detailname h1 and div.detailname in your css/style.css because the way you have it now, it is floating the h1 not the division which is probably contributing to the problem. And in the first one, you may have to change margin-top and margin-bottom to padding-top and padding-bottom.

Marshall
CENLYT Productions - ms designs
Affordable Web Design
Custom Ecommerce Designs
Responsive Websites
Cenlyt.com

I made the changes that you suggested, and it did not seem to change anything. Any other thoughts?

I just checked a few products in Chrome incognito and everything looked good. I did not see ant text on top of the product image. Try clearing your cache.

Marshall
CENLYT Productions - ms designs
Affordable Web Design
Custom Ecommerce Designs
Responsive Websites
Cenlyt.com