# Hide sections on mobile/ desktop view

<div data-full-width="true"><figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2Fa5w6LQkUFhLWSt58jhjP%2FHelp%20Center%20banner%20%201250%20x%20200-2.png?alt=media&#x26;token=ab0daf12-b917-4435-a603-9a3f6613f853" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=minimog%2Bhelp%2Bcenter&#x26;utm_medium=banner&#x26;utm_campaign=foxaffiliatelaunch2024">Explore FoxEcom Affiliate Program now </a><span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

If you want to hide a specific section on mobile view and show it on desktop view or vice versa, follow the steps below.

1. From your Shopify admin, go to **Online Store** > **Customize**.
2. In the theme editor, select the section you want to customize.
3. Find **Custom attributes** in the section settings and add the following custom classes:

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FlNqst1gIq2G2vLSfzLmO%2Fimage.png?alt=media&#x26;token=2fce53bc-f2c9-4ae8-9652-06b76ca985da" alt=""><figcaption></figcaption></figure>

#### **Minimog version 3.5.0 and older**:&#x20;

* Display that section on desktop and hide it on mobile:

```
hidden md:block 
```

* Display that section on mobile and hide it on desktop:

```
block md:hidden 
```

#### **Minimog version 4.0.0 and above**:

* Display that section on desktop and hide it on mobile:

```
m:hidden md:m:block
```

* Display that section on mobile and hide it on desktop:

```
m:block md:m:hidden
```

4\. **Save** the settings.
