Archived topic
Problems with design
5 replies · Started by Kasper on July 25, 2022
looks great on webbrowser on my Mac but looks weird on my phone where everything is in one column

iphone
Hi Kasper,
On mobile view, you can set the Container width of the Container Blocks within a Grid to specific sizes. Your columns are currently set to 100% width on mobile, which is the default value. Try setting it to 50%.
Example: https://share.getcloudapp.com/nOuX4ndE
Hope this clarifies!
HI FERNANDO
apologise for the late feedback. I have been on vacation.
I still can't figure out this issue. with the alignment. I tried some different solutions, but still no luck: https://thaitakeaway2970.dk/menutest/
Hi there,
you need to:
1. Select the Column container in your grid.
2. Switch to Mobile preview.
3. In the column Containers layout, set the Width parameters to match that of the Desktop settings.
4. Repeat this for each column.
Thank you David
Works perfectly.
You guys are great
Thanks a million
/Kasper
Glad to be of help.