One of our favorite Foleon features is that every piece of content you create is responsive out-of-the-box. However, you can always use the view modes to fine-tune your publication across different screen sizes.

Our data shows that an impressive average of 50% of visitors views publications on a desktop device, 38% on mobile devices, and 12% on tablet devices. it’s worth mentioning that the percentage of desktop visitors decreases every year, whilst the mobile keeps gaining ground. On top of that, we’ve registered over 15,000 (!) different screen sizes that were used to view publications so far.

In this article

  • Where to find the view modes
  • Desktop, tablet, and mobile view
  • Fullscreen preview
  • Hide the navigation
  • Hide margins and paddings

Where to find the view modes

The View modes are located at the center of the top bar in the editor. From there, you can fine-tune your publication for different screen sizes (desktop, tablet, and mobile), determine what you see in the editor, and access the preview.

Desktop, tablet, and mobile view

When creating publications, check the different view modes regularly to make sure your publication is showing properly in different screen sizes. 

Bear in mind that the view modes are an indication of what your publication will look like on desktop, tablet, and mobile devices. 

The end view will still vary based on your visitors’ specific screen size.

When a change is done in the text like for example adding new blocks, columns or elements, it always affects all 3 views. 

However, changes in other elements like the theme, images, block arrangements, etc. follow a hierarchy:

Desktop

Changes that affect desktop, mobile and tablet view: 

  • the theme
  • the order of blocks and columns
  • margins and paddings
  • background images

Tablet

The tablet view displays how your publication will show on the average tablet device (in portrait mode). 

Changes that affect mobile and tablet, but not desktop view:

  • the theme
  • the order of blocks and columns 
  • margins and paddings
  •  background images

Mobile

The mobile view displays how your publication will show on the average mobile device (in portrait mode). 

Changes that affect mobile, but not desktop or tablet view:

  • the theme
  • the order of blocks and columns
  • margins and paddings
  •  background images 

Even if you’ve already published your publication, you can use the preview mode when making changes to see how they look like before you hit publish again. 

Note: The preview URL is shareable and accessible by everyone, even if they don’t have a Foleon account. However, the preview of your publication can’t be found through search engines and is only accessible via the publication URL.

Did this answer your question?