Screen Breakpoints

[uandi]

Hello,

I see your theme supports 3 screens sizes: sm (≤ 768px), md (≤ 1024px) and lg (≥ 1025px).

1. Can I adjust the breakpoints?
2. Can I add an additional size for wide screens (≥ 1400px)?

Thank you

• This topic was modified 11 months, 1 week ago by uandi.

Hi uandi,

Thanks for reaching to us and appreciate your patience.

Changing the breakpoint cannot be done with CSS only and there is no such options to control it.

You can add more breakpoints with Elementor https://elementor.com/help/mobile-editing/#add-a-breakpoint

Regards,

Hello Hung,

My desktop setup is to show 4 products per row, and I would like to make it 5 per row for screens equal or greater than 1400px. Can you please give me the javascript for it?

Thank you very much!!!

Hi uandi,

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) and URL of the mentioned page to the Private Content area, so I can take a closer look and address your concerns more efficiently.

Best Regards,

Hello Hung,

I’ve provided you with admin access to my dev site.

My goal is to add a special rule for screens >1400px to show 5 products per line on category page (instead of the default 4).

Thank you

Hi uandi,

1. I kindly recommend you to build Custom Product layouts, which is built with WoodMart WooCommerce builder, then you can configure the number of columns https://ibb.co/QXmg4m4

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

2. Please refer to this article to edit / add new breakpoints https://elementor.com/help/mobile-editing/

Wish you a Happy Near Year.

Regards,

[Author]

Posts