Skip to main content
All CollectionsKeystoneGeneral guides
Keystone: Using device specific visibility
Keystone: Using device specific visibility
Thomas K avatar
Written by Thomas K
Updated over 2 weeks ago

Device-Specific Section Display Documentation


Summary

After editing your theme and previewing it across different devices, you may find that some sections look better on specific devices. For example, a slider might work better on mobile, while a grid section is more suitable for desktop. Keystone allows you to create device-specific sections to optimize the user experience.


How to Set Up Device-Specific Sections

  1. Open the Theme Editor:

    • Click Customize next to the relevant theme.

  2. Create Two Sections:

    • Create one section for desktop and another for mobile.

  3. Set Display Preferences:

    • For Mobile:

      • Click into the section intended for mobile.

      • Scroll down to Display and click Show on mobile only.

    • For Desktop:

      • Click into the section intended for desktop.

      • Scroll down to Display and click Show on desktop only.

  4. Save Changes:

    • That’s it! You now have two sections that display exclusively on mobile and desktop, respectively.

Did this answer your question?