Home › Forums › WoodMart support forum › Screen Breakpoints

Screen Breakpoints

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 27, 2024 at 12:57 am #625564

    uandi
    Participant

    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 1 week, 1 day ago by uandi.
    December 29, 2024 at 6:11 pm #625998

    Hung Pham
    Keymaster

    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,

    December 29, 2024 at 9:50 pm #626032

    uandi
    Participant

    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!!!

    December 30, 2024 at 1:15 pm #626169

    Hung Pham
    Keymaster

    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,

    December 31, 2024 at 5:44 pm #626487

    uandi
    Participant

    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

    January 2, 2025 at 10:13 am #626655

    Hung Pham
    Keymaster

    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
Viewing 6 posts - 1 through 6 (of 6 total)