--- title: How do I use Visibility Toggles? description: Learn how Visibility Toggles let you show or hide blocks and rows on mobile, tablet, and desktop, so each device gets the right layout. --- [Skip to content](https://resources.symphonycommerce.io/knowledge-base/how-do-i-use-visibility-toggles#main-content) [File a Ticket](https://resources.symphonycommerce.io/knowledge-base/kb-tickets/new?hsLang=en) [Go to Customer Portal](https://clienthub.symphonycommerce.io/tickets-view?hsLang=en) [![symphony-commerce-logo-mark-white-rgb-1500px-w-350ppi](https://resources.symphonycommerce.io/hs-fs/hubfs/Design/Logo/symphony-commerce-logo-mark-white-rgb-1500px-w-350ppi.png?width=40&height=40&name=symphony-commerce-logo-mark-white-rgb-1500px-w-350ppi.png)](https://resources.symphonycommerce.io/knowledge-base?hsLang=en) - [WHY SYMPHONY?](https://www.symphonycommerce.io/pages/why-shopblocks) Show submenu for WHY SYMPHONY? - [EXCLUSIVELY B2B ECOMMERCE](https://www.symphonycommerce.io/pages/why-shopblocks#exclusivelyB2B) - [LIMITLESS INTEGRATION](https://www.symphonycommerce.io/pages/why-shopblocks#ftv) - [FASTEST TIME TO VALUE](https://www.symphonycommerce.io/pages/why-shopblocks#limitlessIntegration) - [SEAMLESS MIGRATION](https://www.symphonycommerce.io/pages/why-shopblocks#seamlessMigration) - [CUSTOMER SUCCESS](https://www.symphonycommerce.io/pages/customer-success) Show submenu for CUSTOMER SUCCESS - [CASE STUDIES](https://www.symphonycommerce.io/pages/case-studies) - [FEATURES](https://www.symphonycommerce.io/pages/features-in-focus) Show submenu for FEATURES - [NEXUS – WHITE LABEL STOREFRONT PLATFORM](https://www.symphonycommerce.io/pages/nexus) - [INTEGRATIONS](https://www.symphonycommerce.io/pages/api-integrations-to-power-up-your-ecommerce) - [FORTIS – SMARTER DISCOUNTS FOR BIGGER B2B DEALS](https://www.symphonycommerce.io/pages/fortis) - [SYMPHONY PAY – TRUSTED PAYMENT OPTIONS FOR MODERN B2B COMMERCE](https://www.symphonycommerce.io/pages/symphony-pay) - [PRICING](https://www.symphonycommerce.io/pages/pricing) - [PARTNERSHIPS](https://www.symphonycommerce.io/pages/ensemble) - [INSIGHTS HUB](https://resources.symphonycommerce.io/blog) Open main navigation Close main navigation - [WHY SYMPHONY?](https://www.symphonycommerce.io/pages/why-shopblocks) Show submenu for WHY SYMPHONY? - [EXCLUSIVELY B2B ECOMMERCE](https://www.symphonycommerce.io/pages/why-shopblocks#exclusivelyB2B) - [LIMITLESS INTEGRATION](https://www.symphonycommerce.io/pages/why-shopblocks#ftv) - [FASTEST TIME TO VALUE](https://www.symphonycommerce.io/pages/why-shopblocks#limitlessIntegration) - [SEAMLESS MIGRATION](https://www.symphonycommerce.io/pages/why-shopblocks#seamlessMigration) - [CUSTOMER SUCCESS](https://www.symphonycommerce.io/pages/customer-success) Show submenu for CUSTOMER SUCCESS - [CASE STUDIES](https://www.symphonycommerce.io/pages/case-studies) - [FEATURES](https://www.symphonycommerce.io/pages/features-in-focus) Show submenu for FEATURES - [NEXUS – WHITE LABEL STOREFRONT PLATFORM](https://www.symphonycommerce.io/pages/nexus) - [INTEGRATIONS](https://www.symphonycommerce.io/pages/api-integrations-to-power-up-your-ecommerce) - [FORTIS – SMARTER DISCOUNTS FOR BIGGER B2B DEALS](https://www.symphonycommerce.io/pages/fortis) - [SYMPHONY PAY – TRUSTED PAYMENT OPTIONS FOR MODERN B2B COMMERCE](https://www.symphonycommerce.io/pages/symphony-pay) - [PRICING](https://www.symphonycommerce.io/pages/pricing) - [PARTNERSHIPS](https://www.symphonycommerce.io/pages/ensemble) - [INSIGHTS HUB](https://resources.symphonycommerce.io/blog) - [File a Ticket](https://resources.symphonycommerce.io/knowledge-base/kb-tickets/new) - [Go to Customer Portal](https://clienthub.symphonycommerce.io/tickets-view) - [VISIT OUR WEBSITE](https://www.symphonycommerce.io/) [VISIT OUR WEBSITE](https://www.symphonycommerce.io/) How can we help you? - There are no suggestions because the search field is empty. 1. [Symphony Knowledge Base](https://resources.symphonycommerce.io/knowledge-base?hsLang=en) 2. [BlockLab](https://resources.symphonycommerce.io/knowledge-base/blocklab?hsLang=en) # How do I use Visibility Toggles? ## Visibility Toggles let you decide whether a block or row appears on mobile, tablet, or desktop, giving you full control over how your site looks on every device. ### How do Visibility Toggles work? Not every layout works well across all devices. You might want two differently sized banners on your Home page, one built for mobile and one for desktop. Or you might have designed a layout for a section of your Product page that you'd prefer to flow differently on tablet than it does on desktop. Visibility Toggles let you set this up without building separate pages for each device. ### How do I use Visibility Toggles? 1. Open **BlockLab** and select the block or row you want to control. You'll know it's selected once a green/red outline is visible. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png-Jul-31-2026-01-35-51-6157-PM.png?width=670&height=289&name=image-png-Jul-31-2026-01-35-51-6157-PM.png) 2. Click on the **Block** tab to target a single block, or the **Row** tab to target a whole row, including every block inside it. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/Screenshot%202026-07-31%20at%2014-38-24-png.png?width=670&height=107&name=Screenshot%202026-07-31%20at%2014-38-24-png.png) 3. Find the **Devices** icons. You'll see three: Mobile, Tablet, and Desktop. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png-Jul-31-2026-01-34-00-5098-PM.png?width=104&height=60&name=image-png-Jul-31-2026-01-34-00-5098-PM.png) 4. Click a device icon to turn it on or off for that block or row. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png-Jul-31-2026-01-41-11-0219-PM.png?width=104&height=61&name=image-png-Jul-31-2026-01-41-11-0219-PM.png) When a device icon is highlighted in green, the block or row is active and will display on that device. When it's greyed out, the block or row is hidden completely from that device. For example, greying out Mobile while keeping Tablet and Desktop turned on means that block will only appear to customers browsing on a tablet or desktop. Mobile visitors won't see it at all. ### Tips - Use Row visibility when you want to hide or show an entire section at once, rather than adjusting each block inside it individually. - Always preview your page on each device after changing a toggle, to check the layout still reads well with that block or row removed. - Turning a block or row off for a device does not delete it. You can switch its visibility back on again at any time. - [Getting started](https://resources.symphonycommerce.io/knowledge-base/getting-started?hsLang=en) - [Settings](https://resources.symphonycommerce.io/knowledge-base/settings?hsLang=en#main-content) - [Payment Methods](https://resources.symphonycommerce.io/knowledge-base/settings?hsLang=en#payment-methods) - [Redirects](https://resources.symphonycommerce.io/knowledge-base/settings?hsLang=en#redirects) - [Deliveries](https://resources.symphonycommerce.io/knowledge-base/settings?hsLang=en#deliveries) - [Notifications And Emails](https://resources.symphonycommerce.io/knowledge-base/settings?hsLang=en#notifications-and-emails) - [Users](https://resources.symphonycommerce.io/knowledge-base/settings?hsLang=en#users) - [Site Settings](https://resources.symphonycommerce.io/knowledge-base/settings?hsLang=en#site-settings) - [Varnish Cache](https://resources.symphonycommerce.io/knowledge-base/settings?hsLang=en#varnish-cache) - [Tracking, SEO And Javascript](https://resources.symphonycommerce.io/knowledge-base/settings?hsLang=en#tracking-seo-and-javascript) - [Reports](https://resources.symphonycommerce.io/knowledge-base/reports?hsLang=en) - [BlockLab](https://resources.symphonycommerce.io/knowledge-base/blocklab?hsLang=en) - [Content](https://resources.symphonycommerce.io/knowledge-base/content?hsLang=en#main-content) - [Pages](https://resources.symphonycommerce.io/knowledge-base/content?hsLang=en#pages) - [Menus](https://resources.symphonycommerce.io/knowledge-base/content?hsLang=en#menus) - [Strings](https://resources.symphonycommerce.io/knowledge-base/content?hsLang=en#strings) - [Blogs / News](https://resources.symphonycommerce.io/knowledge-base/content?hsLang=en#blogs-news) - [Snippets](https://resources.symphonycommerce.io/knowledge-base/content?hsLang=en#snippets) - [Forms](https://resources.symphonycommerce.io/knowledge-base/content?hsLang=en#forms) - [Downloads](https://resources.symphonycommerce.io/knowledge-base/content?hsLang=en#downloads) - [Products](https://resources.symphonycommerce.io/knowledge-base/products?hsLang=en#main-content) - [Groups](https://resources.symphonycommerce.io/knowledge-base/products?hsLang=en#groups) - [Categories](https://resources.symphonycommerce.io/knowledge-base/products?hsLang=en#categories) - [Brands](https://resources.symphonycommerce.io/knowledge-base/products?hsLang=en#brands) - [Reviews](https://resources.symphonycommerce.io/knowledge-base/products?hsLang=en#reviews) - [Products](https://resources.symphonycommerce.io/knowledge-base/products?hsLang=en#products) - [Stock](https://resources.symphonycommerce.io/knowledge-base/products?hsLang=en#stock) - [Catalogues](https://resources.symphonycommerce.io/knowledge-base/products?hsLang=en#catalogues) - [Customisations](https://resources.symphonycommerce.io/knowledge-base/products?hsLang=en#customisations) - [Discounts](https://resources.symphonycommerce.io/knowledge-base/discounts?hsLang=en#main-content) - [Discounts Fortis](https://resources.symphonycommerce.io/knowledge-base/discounts?hsLang=en#discounts-fortis) - [Plugins](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#main-content) - [Google Shopping Feed](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#google-shopping-feed) - [One-Time Passcode](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#one-time-passcode) - [Out Of Stock Notify](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#out-of-stock-notify) - [Auto Tags](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#auto-tags) - [Compare Products](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#compare-products) - [Business Customers](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#business-customers) - [Stickers](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#stickers) - [Custom Fields](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#custom-fields) - [B2B Sales](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#b2b-sales) - [Auto Checkout](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#auto-checkout) - [Tempus](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#tempus) - [Orders](https://resources.symphonycommerce.io/knowledge-base/orders?hsLang=en#main-content) - [Returns](https://resources.symphonycommerce.io/knowledge-base/orders?hsLang=en#returns) - [Customers](https://resources.symphonycommerce.io/knowledge-base/customers?hsLang=en) - [My Account](https://resources.symphonycommerce.io/knowledge-base/my-account?hsLang=en) - [Marketing](https://resources.symphonycommerce.io/knowledge-base/marketing?hsLang=en#main-content) - [Merchandising](https://resources.symphonycommerce.io/knowledge-base/marketing?hsLang=en#merchandising) - [Email](https://resources.symphonycommerce.io/knowledge-base/marketing?hsLang=en#email) [![symphony-commerce\_logo-mark](https://resources.symphonycommerce.io/hubfs/logo-mark-symphony-commerce-black-ergb.svg "symphony-commerce_logo-mark")](http://www.symphonycommerce.io) 1 St Peter's Square  Stockport, SK1 1NZ [support@symphonycommerce.io](mailto:support@symphonycommerce.io) [(+44)161 399 7467](tel:01613997467) Copyright © 2026, Symphony Commerce