I'm working on this website which uses woocommerce. As I've added a product it's featured image and gallery image shows on the left side but the product details are not on the right but they are shown below the gallery images.
Here are some screenshots: enter image description here In the image above you can see black space on the right. The content that is supposed to be shown here is in the picture below:enter image description hereHere is the link to this page: https://www.embroyalluxury.com/shop/03-peachy-pastel/. Now if I zoom out the page using my browser zoom it goes to the right. So I understand this has something to do with responsiveness of this website but the client has this 13" MacBook and I'm not a coder. So can anyone tell me how to get this done? I can insert the code in style.css or custom .css section the theme options have provided.

closed as off-topic by Mark Kaplun, Howdy_McGee Jun 8 '17 at 19:00

This question appears to be off-topic. The users who voted to close gave this specific reason:

If this question can be reworded to fit the rules in the help center, please edit the question.


You have to chave line number 12557 in your style.css. Go to your style.css file and search for the code bellow and delete it.

 .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 50% !important;

Is your theme really responsive? I think your theme have a big issue with responsive.

Not the answer you're looking for? Browse other questions tagged or ask your own question.