[Resolved] Problems with design

[Kasper]

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

iphone

[Fernando]

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!

[Kasper]

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/

[David]

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.

[Kasper]

Thank you David

Works perfectly.

You guys are great

Thanks a million

/Kasper

[David]

Glad to be of help.

[Author]

Posts