Space: Using device-specific visibility

Learn how to set sections to be visible for mobile or desktop devices only

Summary


After editing your theme and previewing it across different devices you may find that some sections just look better on some devices. For example on mobile devices you may want to use a slider instead of a grid section.

You can see an example of this on our Theme features page. If you visit this page on desktop you'll notice all the text is expanded, but if you visit on desktop you'll see the text is collapsed behind accordions.

How to


  1. Open the theme editor by clicking Customize next to the relevant theme.

  2. Create two sections, one will be on desktop and one will be for mobile.

  3. Click into one of the sections and scroll down to Display then click Show on mobile only.

  4. Click into one of the sections and scroll down to Display then click Show on desktop only.

  5. Thats it! Now you have two sections that each only display on mobile and desktop separately.

Did this answer your question?
😞
😐
😁