Woocommerce Products Page on Mobile

As a follow up I was able to add some CSS that seems to have fixed my problem.

Hi Kathy, i think i have the same problem with my related products on mobile view. could you please share your CSS you added ?

thank you

Florian

Sure

*/

@media (max-width: 544px) {
 .ast-container .woocommerce ul.products:not(.elementor-grid) {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 }

Hi @thewildbonbon,

Is this happening only with Astra theme? What about the default WooCommerce theme, Storefront? Are you facing the same issue?

If it is happening only with Astra, please share the steps to replicate it, I will try to reproduce it on my dev site.

I look forward to hearing from you.

Kind regards,
Herman ??

does not work for me ?? still looking very bad in mobile view :

https://snipboard.io/30N2v8.jpg

• This reply was modified 10 months, 2 weeks ago by grunblatt.

Hi @grunblatt,

As per the forum guidelines, please start your own topic and provide the details of the issue you are facing. You are welcome to cross-link it to this thread, so we are aware of both.

Kind regards,
Herman ??