Responsive design cards

[JohannLamour]

Good morning,
for a screen width of 1024 px and below, I would like my 4 columns composed of moduel cards (
see capture1

) goes into 2 columns.
how can I do ?

[tristup]

Hi Johann,

Thanks for reaching out.
You need to use some JavaScript which will adjust the height based on a taller one. I would suggest you go through the following thread, which may help you.

How to fix card height issue

Hello - I tried this fix from this post: Level Cards to Same Height But it’s not working for me on my site for some reason. I need help making the cards uniform and make them fade. I cannot figure out how to make it all work.

Geometry Grid Not showing on mobile

Thank you, that worked. The only thing is the columns are not equal below. See the Screenshot below; [Markup on 2022-05-31 at 19:38:56] I want them to be like this; [Markup on 2022-05-31 at 19:39:10] Thank you for your help!

Woocommerce background color

Thank you for your reply. It solved the problem partially. There is a still issue with the position of prices. We want to have the prices in the same line [Bez názvu] so is there a way how to put a gap between product name and the price? (so the price will be always “the fourth line”) Michael

Hope it helps.
Thanks

[JohannLamour]

Thank you for your feedback, in the backoffice where can I add Java script?

[tristup]

Hi Johann,

You can add this to the Page JS of the page where you have added the card.

Thanks