How to make looper list responsive

Good day.

I’ve built a custom layout for woocommerce product pages that displays products by category using a looper list, this works great and we can customize the look for desktop screens very nicely. But we can’t get it to break when scaling down screen size and be responsive.

Could we please have some help with this. Sample page is: https://caelex.co.za/product-category/tapes

Hi @Glasseye,

Thank you for writing in, to resolve your issue, you can utilize the Responsive Styles feature.

Hope it helps,
Cheers!

Fantastic, didn’t even know the function of responsive toggles when clicking on highlighting labels for controls existed (section 10 and 11 around 8 minutes in the video for anyone looking for a similar solution)

We tried it and it fired like a bomb. We also realized that page caching was messing with us and showing us old content so it was working but stupid cache wasn’t showing it to us (Chrome grrrr).

Fixed now and all is responsive for the moment!

Hi @Glasseye,

Glad that it is fixed now.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.