Brickspace Lab
Contact usContact ShopifyTry a theme
Keystone
Keystone
  • Keystone documentation
  • Getting started
    • Getting started with your theme
      • Keystone overview
      • Theme Colors Setup
      • Theme Typography Setup
      • Theme Borders Setup
      • Product prices
  • Guides
    • Products
      • Product badges
      • Product subtitles
      • Custom content for tables
      • Replace "Add to cart"
      • Disable quick add
    • Wholesale
      • Wholesale basics
      • Account restrictions
    • Color and option swatches
    • Device specific visibility
    • Discount popups
  • Templates
    • Templates
      • Collection template
      • Product template
      • Blog template
      • Article template
  • Sections
    • Sections
      • Global Sections
        • Header
        • Footer
        • Navigation links
        • Announcement
        • Cart drawer
        • Account drawer
        • Search drawer
        • Menu drawer
      • Media & Promotional
        • Slideshow
        • Video
        • Split banner
        • Marquee
        • Image hotspot
        • Countdown
        • Discount
        • Banner
        • Slider
        • Testimonial slider
        • Search banner
      • Product & Collection Displays
        • Product grid
        • Product slider
        • Product table
        • Product comparison
        • Recently viewed
        • Collection list grid
        • Collection list slider
        • Featured product
        • Comparison table
      • Content & Marketing
        • Rich text
        • Blog posts grid
        • Testimonial grid
        • Logo list
        • Icon grid
        • Collapsible content
        • Tabs
        • Collage
      • Utility & Custom
        • Custom liquid
        • Tool tip
        • Store locater
      • Forms & CTAs
        • Email sign-up
        • Sign-up form
        • Contact form
  • General
    • General
      • Changelog
        • v1.3.0
        • v1.2.0
        • v1.1.0
        • v1.0.1
        • v1.0.0
      • Known issues and troubleshooting
      • Cloning a demo theme
Powered by GitBook
On this page

Was this helpful?

Edit on GitHub
  1. Guides

Device specific visibility

After editing your theme and previewing it across devices, you may find some sections work better on specific devices. For example:

  • Sliders often work better on mobile

  • Grid sections often work better on desktop

Keystone lets you create device-specific sections to optimize user experience.

How to Set Up Device-Specific Sections

  1. Open the Theme Editor

    • Click Customize next to your theme

  2. Create two sections

    • One section for desktop

    • One section for mobile

  3. Set mobile display preferences

    • Click into your mobile section

    • Scroll to Display

    • Click Show on mobile only

  4. Set desktop display preferences

    • Click into your desktop section

    • Scroll to Display

    • Click Show on desktop only

  5. Save your changes

    • You now have sections that display exclusively on their intended devices

Last updated 3 days ago

Was this helpful?