Woocommerce columns on mobile

  • Hello, unfortunately I have the problem that the number of columns of woocommerce store can not be set.

    In the Customizer settings I have set that on desktop 3 columns, tablet 2 and mobile 1 column should be displayed.

    Unfortunately this is not the case, the changes of the columns on desktop change when I set about 4, but the columns for tablet and smartphone do not change.

    Is there a solution for this?
    With kind regards

    Screenshots Example Mobile:
    https://ibb.co/TRVXc36

Viewing 2 replies - 1 through 2 (of 2 total)

  • Do your columns on mobile at least look normal? I am having a similar issue of not being able to change them, but mine have begun to look completely distorted on mobile. It’s been 2 days since I posted, haven’t received any response. I know that switching from Astra does work, so if you need to in the meantime, you can try that.

    Hi @ptrkx,

    Thank you for reporting. We will look into this.

    In the meantime, please add the following CSS code to make the columns on mobile one column.

    @media (max-width: 375px) {
.elementor-element.elementor-products-grid ul.products {
    grid-template-columns: repeat(1,1fr);
	}
}

    I hope it will help and we are sorry for the inconvenience you may have because of this.

    Kind regards,
    Herman ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Woocommerce columns on mobile’ is closed to new replies.