Arrange your content
Additional features that will help you design your Foleon Docs for each screen.
Arrange your content
Additional features that will help you design your Foleon Docs for each screen.
Resize your text
You can resize text in each view mode so it looks best on a specific device, such as a mobile phone.
You can simply select the text in a view mode and resize the text by using the styling bar that appears on top of the page. It’s also possible to give your text a different color, which won't affect the styling you have on the other two devices. However, editing the text or adding new elements will affect the other two view modes.
Set your mobile theme
You can also fine-tune your text settings globally, by setting your theme for tablet and mobile. Learn more in our article All about the Theme settings.
Alignment
A new Foleon Doc always starts with the desktop view. You can use the column alignment to position your text and images — horizontally and vertically. The elements in that column will then stay in this position, no matter the screen size.
Spacing
After setting the alignment, the position of the elements in that column can be fine-tuned by using spacing. You can use spacing to create space in both blocks and columns. Spacing allows you to position the content on your page, to make sure that the layout of your design looks great on every screen.
Visibility
If you want to hide or show an element or block on a specific device, you can use the visibility option. By using this option wisely, you can create custom designs for the different views — portrait and landscape. This option is available in the desktop block settings and in the tablet and mobile view modes, where it’s called hide from this viewport. After clicking on the eye icon, you'll hide that element on the view mode you're on.
With hide from this viewport, you can choose not to display a block in that view mode. This can be particularly useful when you want to create custom content for specific screen sizes. 💡 You can also create a block specifically for tablet or mobile and hide it on the desktop view. In the desktop view mode, go to block settings > visibility > toggle on hide on desktop.