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
Open the Theme Editor:
Click Customize next to the relevant theme.
Create Two Sections:
Create one section for desktop and another for mobile.
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.
Save Changes:
That’s it! You now have two sections that display exclusively on mobile and desktop, respectively.