Elemens below each other on the mobile version, responsive grid layout

[ATIAirsoft]

Hi, i have designed a grid layout for everything down to a wider tablet and for the last two breakpoints i just want to have the elemens below each other.
I tried using “1fr” with 3 rows, but this sadly won’t work and the elements are still next to each other.

I could theoretically build those elements for mobile only and hide them under the customize tab, but i would like to try it that way.

By the way: would it be possible to create “mobile” only sites? To save some hassle or it is easier by the time you get along webdesign?

Thanks in advanve.

Website is: www.ati-airsoft.com

[christian]

Hey Matthias,

1fr should stack the Cells within the Grid. There might be some custom CSS and/or other factors that could not be seen in your screenshot. Your site is also in under construction mode so we can’t check. Please disable the under construction mode or give us WordPress Admin access.

Regarding your questiono creating a mobile only site, yes, that is possible by way of limiting the Max Site Width to mobile device width like 380px. That setting is in Theme Options > Layout and Design.

Hope that helps.