Designing mobile layout

Hi, i read the articles and docs about hide sections using mobile breakpoints. But how can i change layout in different mobile screen sizes? especially change the fonts or columns from 1/3 to 1/2 or 1/1.

Hi @thegator,

The columns system is coded to have the automatic responsive layout. So for example, if you set a 3 column, it will switch to one column for small screens. But if you want to add a 2 column mode between 3 column mode and one column mode, then you need to apply the hide during breakpoint feature on the section itself.

You will need to copy the section. The original section will have three columns and the duplicated one will have 2 columns. Then set the first section to show on desktop+ and mobile screens. And force the duplicated section to show on tablet screens only.

For more information about the hide during the breakpoint feature kindly read the article below:

Thank you.

Very helpful Thx.

You’re welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.