Home › Forums › WoodMart support forum › Responsive options for row inside a column

Responsive options for row inside a column

  • This topic has 5 replies, 2 voices, and was last updated 1 day ago by Isabel.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 19, 2025 at 3:01 pm #639395

    Isabel
    Participant

    Hi,

    My client’s products are very small. All pages of product will have sidebar, so in the content column I have placed 4 products in a row for the desktop, but no matter how much I’ve tried with the responsive options or CSS, I can’t get it to show 2 products on the tablet and even on the mobile, as currently it only shows one image and it looks too big, especially on the tablet.

    https://webycreatividad.com/kemu/producto/grilletes-alta-resistencia/

    Please, can you help me with this?

    Thank you in advance
    Isabel

    February 20, 2025 at 5:29 pm #639713

    Hung Pham
    Keymaster

    Hi Isabel,

    Thanks for reaching to us and appreciate your patience.

    To assist you in the best possible manner, I kindly ask that you please provide me screenshots that illustrate the problem to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

    Regards,

    February 20, 2025 at 7:03 pm #639742

    Isabel
    Participant

    Hi,

    It is not the Private Content area, it is in a content column.

    Now there are 4 images in a row:

    https://webycreatividad.com/kemu/producto/grilletes-alta-resistencia/

    I would like to show 2 images on small tablet devices insteand of just one image as the products are very small (see screen shot as how I would like).

    Can you help me to do so?

    Kind Regards
    Isabel

    February 21, 2025 at 9:45 am #639806

    Isabel
    Participant

    Sorry,

    I think I did not attach the screenshot that show how I would like to show the products in a row for tablet and even mobile devices.

    https://ibb.co/Y7pyHjZw

    Thank you
    Isabel

    February 21, 2025 at 11:14 am #639842

    Hung Pham
    Keymaster

    Hello Isabel,

    Thanks for details.

    You are using a Custom Single Product layout, which is built with WoodMart WooCommerce builder, Navigate to Layouts > edit the single product layout and customize the layout. And please refer to this article for more details. on changing columns on mobile / tablet devices https://kb.wpbakery.com/docs/learning-more/responsive-settings/

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

    Best Regards,

    February 21, 2025 at 3:42 pm #639965

    Isabel
    Participant

    Hi
    Thank you very much. I watched the video and I understood how to do it.

    Now is just how I wanted it.

    Kind Regards
    Isabel

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)