Pinning content

Learn how to create beautiful, multi-column layouts

Radovan Vidović avatar
Written by Radovan Vidović
Updated over a week ago

You can use the pinning option with any of your Immerse widgets to:

  • Fix them to certain positions on a page, so that the rest of your content flows around them.

  • Span the widget across multiple columns.

  • Layer content to create more interesting layouts (e.g. layer text over image).

Using this feature can help you to create variation in your Immerse levels (on desktop view) and achieve the polished look you are after for your content. Find inspiration in our guide here.

We like to think of it as...

Each time you upload something to Turtl, think of it as a water droplet that joins a free-flowing body of water, perhaps a stream. However, by pinning this droplet, it becomes a rock in the stream and it now holds its place. It’s solid and can be moved around when picked up.

I can now move the pinned feature box around the page and stretch it across columns.

The free-flowing text just fills the space around the pinned item, demonstrating the control over an asset that pinning provides.

Enabling pinning for your widget

Pinning Widgets

Once you have added the widget you'd like to pin to your Immerse page you can either just drag or resize the widget to automatically pin it or you can click on the pin icon in the top right-hand corner. You'll now see a purple outline around your widget showing it is now pinned. For easier navigation, a grid line appears when holding the widget and moving it to its place. Once pinned you can continue to adjust the size of the widget, or continue to drag and drop it anywhere on the page. You will now have the option to layer it on top of other pinned elements or move the widget to another page.

To unpin your widget, simply click on the pin icon on the top right of the widget.

Moving pinned widgets

Pinned widgets can be easily moved to a different Immerse page. Hover over the widget and either right-click on your mouse or press the three dots in the corner. Select the move button from the menu. Choose which page you want to move the widget to. Once the widget is moved, the page will flip to the selected page.


When your content is viewed in landscape mode (e.g on a computer or large tablet) 

Your widget will now be fixed to the selected point on the Immerse page, regardless of the position of the widget within your Immerse content in the editor. Any content that you add to the Immerse level will flow around the widget.

When your content is viewed in portrait mode (e.g on mobile)

Your widget will be visible exactly as the position of the widget within your content in the Immerse editor. Therefore, it is important to check you are happy with the positioning in the editor too, we suggest using the mobile preview to double-check your content.

Did this answer your question?