I am trying to set up a product listing page that is 1 column on mobile
and 2 columns on desktop.
(wpbakery element: product/ producsts) Minimum column dropdown is allowed to be displayed is 2.
(wpbakery element: product) When trying to add 1 product on a row, on mobile it looks like it does not use the whole width of the device (the product seems to only use less than 50% of the screen width)
Is there a css change that can make single column possible, and make the products look full width ?
Thanks for the screenshot however it does not resolve my issue.
The screenshot I sent shows that the product (and not “products”) element is being squeezed inside the column
This is the layout I need to use:
This is the result:
>>The single ‘product’ needs to be scaled up to use 100% of the column width. I’m not able to target the product element to get the effect of using 100% width /w vertical scale to aspect ratio in my css attempts..