WooCommerce Advanced module on mobile

Beaver Builder
1

I’m using the WooCommerce Advanced module to display 4 products on 2 rows. When viewing on an iPhone 6, the display show all 4 products in one column that is aligned left. Shouldn’t it be centered?

https://www.dropbox.com/s/37khajiu1rf6bey/Screenshot%202016-03-02%2023.16.32.png?dl=0

Thanks
Doug

2

Hey Doug,

It seems the WooCommerce styling is overriding ours. I’ve filed a report to have it looked. In the meantime, you can use the CSS snippet below.

.fl-builder .woocommerce ul.products li.product {
  margin-left: auto;
  margin-right: auto;
}

Ben

3

Thanks Ben. That worked.

4

No worries at all! Enjoy! :slight_smile:

Ben