Woocommerce product page display

Hello,

I’ve recently updated plugins, themes, wordpress…
all went well except for one small display issue

The woocommerce single item page is displaying incorrectly - not sure how to fix it.
Not sure if it’s xtheme or woocommerce.

The product description text is now below the product image, whereas it used to be floating to the right of the product image.

Please advise possible css fix to correct this.

Website: www.amatterofcat.com
product page: https://amatterofcat.com/product/kitty-brownstone/
wordpress 5.3
newest xtheme renew

Thank you for your prompt response.

Matt Powers

Hi Matt,

The CSS code that is causing the issue comes from WooCommerce. I would suggest you try the following:

  1. Clear your caching plugin’s cache and see if that works. If that doesn’t work, try #2
  2. Add this code to Theme Options > CSS
@media(min-width:768px){
	.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{
		float:left !important;
		width:48% !important;
	}
}

Tell us how it goes. Thanks.

Worked Perfectly – Thank!!

You’re most welcome,

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.