Issue with VC and Woo products

Posted in: Newspaper
Post count: 200
DaveS
#197564
Oct 16, 2017 at 8:03 am

Hi guys,

I have the following issue: When I add a row with 4 products within a standard wordpress post, everything is fine, but when I add a row within a woocommerce product post, there are only 2 products shown on that row and the rest go on the next row. No matter how many products I add 3 or 4, only 2 products stay on one row, the rest go on the next one.
You can see it here: bit.ly/2gIHuLE

Is it fixable and how?

Thanks for your support!

Post count: 20688
Simion C.
#197645
Oct 16, 2017 at 3:13 pm

Hi,

From what I can see the products do not fit in the available container space. I could give you a code to decrease the margin so 3 products will fit properly on a row
– https://www.screencast.com/t/yYe7k3QhwCc

.single.woocommerce #tab-description ul .product {
margin-left: 17px;
}

Thanks

Post count: 200
DaveS
#197649
Oct 16, 2017 at 3:44 pm

Thanks, Simion, much appreciated!
It works, and it fixes the issue even when 4 products per row are set, but only on desktop. On a mobile the products are displayed like this – 1 product per row and diagonal (chess layout).

Post count: 20688
Simion C.
#197744
Oct 17, 2017 at 8:05 am

Hi,

Leave that code for desktop and enter this one in Theme panel->Advanced CSS in the phones section – https://www.screencast.com/t/VDf0vC11mp

.single.woocommerce #tab-description ul .product {
margin-left: 5px!important;
}

Thanks

Post count: 200
DaveS
#198410
Oct 22, 2017 at 8:48 am

Cheers for that, it works! Thank you Simion!

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.