CSS Product Page Description to the Right Narrative Theme

[coffeekreis]

I need to display the product image to the left, and to the right have name, price, qty button, add to cart and description below. I have the following CSS code: 

@media only screen and (min-width: 750px) {
.product-template__media {
float: left;
width: 50%;
}
.product__content {
float: left;
width: 50%;
}
.product__content-main {
flex-wrap: wrap;
}
.product__description,
.product__form-container {
float: right;
width: 100%;
}
}

However, when scrolling down I see the description overlaps with the add to cart button and information above. Any idea how I can get this fixed and avoid this problem?

Sometimes it works fine and the description stays below, but most of the times it goes up as I am scrolling down.

[Moeed]

Hey @coffeekreis 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[coffeekreis]

Sure: www.coffeekreis.com

[Moeed]

Hey @coffeekreis 

I just checked and everything seems to be working for me.

Best Regards,

Moeed

[coffeekreis]

Please refresh the page, or try different products. For some reason sometimes it works an when you refresh and scroll down it happens.

[coffeekreis]

@Moeed See below issue. https://coffeekreis.com/products/kreis-travel-cup