Home › Forums › Basel support forum › Product Category Layout on mobile

Product Category Layout on mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 1, 2021 at 8:46 am #288561

    Jijo
    Participant

    Hi,

    The masonry(with first wide) works fine in desktop version. But in mobile its not working.

    Can I make one category wide on mobile too.

    Attaching both desktop view and mobile view for your ref

    Attachments:
    You must be logged in to view attached files.
    May 1, 2021 at 8:52 am #288568

    Elise Noromit
    Member

    Hello,

    Masonry grid is applicable for the desktop only. On mobile, the blocks get the same height and width. It cannot be changed, unfortunately.

    Best Regards

    May 5, 2021 at 7:02 pm #289913

    Jijo
    Participant

    But it looks wierd in mobile.

    Can i create a row and hide that row on desktop and view only on mobile?

    So i can use 4 product categories on mobile.

    Can you please let me know how to hide a row on desktop and make it visible on mobile device

    May 5, 2021 at 8:12 pm #289933

    Elise Noromit
    Member

    Hello,

    Yes, you can create two columns, insert a Product category element in each, and set a different number of items, the column may be hidden on different devices.

    Best Regards

    May 8, 2021 at 1:23 pm #290821

    Jijo
    Participant

    How to hide and show columns in mobile?

    I can see hide row option, but that hides the entire row on desktop and mobile.

    May 8, 2021 at 2:17 pm #290831

    Elise Noromit
    Member

    Hello,

    Please check this tutorial: https://wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/

    Best Regards

  • Author
    Posts

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)