# Menu mobile view

**URL:** <https://community.hubspot.com/t/menu-mobile-view/22061>\
**Category:** CMS Development\
**Tags:** css\
**Created:** [June 24, 2020, 5:52pm UTC](https://community.hubspot.com/t/menu-mobile-view/22061 "2020-06-24T17:52:35Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![jbritto3](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jbritto3/32/44643_2.png) [@jbritto3](https://community.hubspot.com/u/jbritto3)\
**Post date:** [June 24, 2020, 5:52pm UTC](https://community.hubspot.com/t/menu-mobile-view/22061/1 "2020-06-24T17:52:35Z")

</div>

I am trying to hide the desktop menu (dark bar) on the mobile view, but when I add classes they don’t work in the css. Thoughts on how to call this out.

[https://www.inneractionmedia.com/testjb?hs\_preview=fVvuVCpV-31232765151](https://www.inneractionmedia.com/testjb?hs_preview=fVvuVCpV-31232765151)

---

<div class="post-metadata">

**Author:** ![Chris-M](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/chris-m/32/61599_2.png) [@Chris-M](https://community.hubspot.com/u/Chris-M)\
**Post date:** [June 24, 2020, 8:22pm UTC](https://community.hubspot.com/t/menu-mobile-view/22061/2 "2020-06-24T20:22:23Z")

</div>

Hi @jbritto3,

- you can always use the class “hidden” which will put a display: none; on this element.

- in the drag and drop editor there is a field called “inline styling”, you can put:

`display: none;`

- or just take a class and hide it in the css file like:

```auto
.maintop2 {
  display: none;
}

```

This should hide the navigation menu.

- Chris

 ![28548i6A1F67BEEA68A334.PNG](https://d2qpr2jzcazej7.cloudfront.net/original/3X/e/6/e62dca3401c32d6eaa2f7da5b3305b5543d720ef.png)

 ![28547i7A8A257270F7581E.PNG](https://d2qpr2jzcazej7.cloudfront.net/original/2X/b/b4a359f86f54d5292174c76aec48243c28517285.png)