Blocks on mobile

Hi,

I need some advice about styling blocks on mobile. How would you make 2 blocks next to each other on mobile like the picture attached. On desktop these blocks are next to each other (5 blocks next to each other).

If you would design this so clean as possible how would you do this?

Attachments:

You must be logged in to view attached files.

Hi s0mbrer0,

Thanks for reaching to us.

Please provide URL of the mentioned page, so I can take a closer look.

Regards,

Hi Hung,

Do you mean the URL of the shop in the print screen?

Here you go: https://www.coolblue.nl/

Hi s0mbrer0,

I mean your site URL instead, then I can take a look for better understanding.

Regards,

Hi Hung,

There is no URL on our site. My question was how you would build this kind of design yourselve?

So how would you make 2 blocks next to each other on mobile like the picture I attached earlier.

Hi s0mbrer0,

WoodMart theme have element / widget can do it. If you refer to Shop archive page, then it already 2 columns on mobile devices https://ibb.co/zP3XQdS

Regards,

Hi Hung,

As you can see on the link I sent you and the print screens I am not talking about the shop archive page. These blocks are on normal pages like home pages or landing pages. On desktop there are like 5/6 blocks next to each other and on mobile 2 blocks are next to each other. Please see again the example coolblue.nl

Attachments:

You must be logged in to view attached files.

Hi s0mbrer0,

Thanks for your patience.

That’s possible. You can use Products (grid or carousel) widget to do that.

Regards,

In this widget you can’t show a category as the link and print screens I sent earlier. I am not not talking about products but categories. The blocks show categories.

Hi s0mbrer0,

There are many widgets, in case you want to use it for product categories, you can use Product categories widget
https://ibb.co/MVxZ7bL

Regards,

[Author]

Posts