> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/minimog-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/minimog-theme/faqs/generic/hide-sections-on-mobile-desktop-view.md).

# Hide sections on mobile/ desktop view

<div data-full-width="true"><figure><img src="/files/1OZ2q7N6tFYitFzBKwTz" 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="/files/TEv2aDd49Jtc1gmIBDJJ" 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.