Site logo

Archived topic

Problems with design

5 replies · Started by Kasper on July 25, 2022

Viewing posts 1–6 of 6

looks great on webbrowser on my Mac but looks weird on my phone where everything is in one column
webbrowser

iphoneiPhone

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.

This archived topic is closed to new replies.