# Responsive Shopping Experiences With Shopware 6.4.19.0 you can easily set the visibility of sections and blocks in the Shopping Experience editor. ## 1. Shopping Experience 1. Switch to the **Shopping Experiences Management** via the main navigation ("Content" => "Shopping Experiences") 2. Click on the desired Shopping Experience to edit it. 3. The Shopping Experience now opens in the **Shopping Experience editor** ## 2. Section 1. Click on the button ![](https://1979975522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F178YilsPBIFHBAxTvcMo%2Fuploads%2FqtmMbXWWxAvabr7SvFGV%2Fimage.png?alt=media\&token=ca45a39f-9fb0-4f99-b82d-4035c0cfb03b) in the top left corner of the CMS section you want to edit (1) 2. The **section settings** open on the right side of the window (2) 3. Open the section "**Visibility**" (3)

Section settings

## 2. Block 1. Click on the CMS block you want to edit (1) 2. The **block settings** open on the right side of the window (2) 3. Open the section "**Visibility**" (3)

Block settings

## 3. Visability In the section "Visibility" (3) you can now configure the section or block for three viewports (4).
Mobile0 px bis 767 pxadmin--cms-visability-mobile.png
Tablet768 px bis 991 pxadmin--cms-visability-tablet.png
Desktopab 992 pxadmin--cms-visability-desktop.png
In the editor, invisible CMS sections or CMS blocks are "collapsed". * With a click on the link "**Collapse section**" or "**Expand section**" (5) you can collapse/expand an invisible CMS section in order to edit it. * With a click on the link "**Collapse block**" or "**Expand block**" (5) you can collapse/expand an invisible CMS block in order to edit it.

Invisible CMS section

Invisible CMS block

{% hint style="info" %} **Note**: Please note that Shopware just adds a CSS class to the section or block. The element is therefore invisible, the HTML code is still present in the storefront. {% endhint %} {% hint style="success" %} **Tip**: Until Shopware allows more viewports, the Bootstrap CSS classes from ThemeWare® offer you further configuration options for the visibility of CMS sections and CMS blocks: see [responsive-shopping-experiences-with-bootstrap](https://knowledge.themeware.design/knowledge-base/tutorials/shopping-experiences/responsive-shopping-experiences-with-bootstrap "mention") {% endhint %}