# Menu not displaying all items

**URL:** <https://community.hubspot.com/t/menu-not-displaying-all-items/10594>\
**Category:** CMS Development\
**Created:** [October 16, 2018, 10:44am UTC](https://community.hubspot.com/t/menu-not-displaying-all-items/10594 "2018-10-16T10:44:51Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jlawal](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jlawal/32/5125_2.png) [@Jlawal](https://community.hubspot.com/u/Jlawal)\
**Post date:** [October 16, 2018, 10:44am UTC](https://community.hubspot.com/t/menu-not-displaying-all-items/10594/1 "2018-10-16T10:44:51Z")

</div>

Hello 🙂

I’m having an issue with a menu. There are two different templates in use. The menu isn’t displaying all of the options. Below is an image of the menu in settings:

 ![settings menu.PNG](https://d2qpr2jzcazej7.cloudfront.net/original/2X/1/14917151d3aea7508739f2c1662ef1b4ff77e064.png)

And below are images of how it displays on the different pages.

[On the article pages](https://support.groupcall.com/xpressions/login?hs_preview=QFOPlemS-6338773391):

 ![login page.PNG](https://d2qpr2jzcazej7.cloudfront.net/original/3X/c/9/c9b9412a0742cdc818ecd52a41a92cbe4695e4f7.png)

[On the homepage](https://support.groupcall.com/messenger/messenger-forms):

 ![mess forms.PNG](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/9/a907b4f66f0e6215bcdb9267b658ef9aaee9428a.png)

Any help/advice would be greatly appreciated! 🙂

Best,

Jamila

---

<div class="post-metadata">

**Author:** ![Stephanie-OG](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stephanie-og/32/73267_2.png) [@Stephanie-OG](https://community.hubspot.com/u/Stephanie-OG)\
**Post date:** [October 16, 2018, 1:14pm UTC](https://community.hubspot.com/t/menu-not-displaying-all-items/10594/2 "2018-10-16T13:14:13Z")

</div>

Hi there!

That’s strange, the menu items don’t appear in the HTML either, so they’re not hidden.

Have you made sure that you’re working on the same menu that appears in the header and that you’ve published the changes to the menu? Simple, but it wouldn’t be the first time something like that happens to me 🙂

* * *

[![|300](https://d2qpr2jzcazej7.cloudfront.net/original/2X/e/e6ddb445b684524bbcbd802044a9ca3919d1fbc7.png)](http://www.stephanieogaygarcia.com?utm_source=HubSpotCommunity)HubSpot Design / Development

[Website](http://www.stephanieogaygarcia.com?utm_source=HubSpotCommunity) | [Contact](http://www.stephanieogaygarcia.com/contact?utm_source=HubSpotCommunity)

_If this helped, please mark it as the solution to your question, thanks!_

---

<div class="post-metadata">

**Author:** ![Jlawal](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jlawal/32/5125_2.png) [@Jlawal](https://community.hubspot.com/u/Jlawal)\
**Post date:** [October 16, 2018, 2:05pm UTC](https://community.hubspot.com/t/menu-not-displaying-all-items/10594/3 "2018-10-16T14:05:13Z")

</div>

Wow @Stephanie-OG sorry! I hadn’t noticed they were saved as drafts! Dohh!

Thank you, they are appearing now, but on they appear differently on each page. Do you know why this may be happening?

[Article:](https://support.groupcall.com/ecards-merging-documents-messenger? __hstc=12302699.d6ece4d3db0c36b3f365f59a40976c80.1538739693439.1539615813748.1539677999364.31&__ hssc=12302699.114115143114115140.1539677999364&__hsfp=3978898662)

 ![delete1.PNG](https://d2qpr2jzcazej7.cloudfront.net/original/3X/9/2/927bec4b984083fee4b43f84275a102bde8d9d01.png)

[Article:](https://support.groupcall.com/xpressions/login?hs_preview=QFOPlemS-6338773391)

 ![delete2.PNG](https://d2qpr2jzcazej7.cloudfront.net/original/3X/8/f/8fcbb6d6631355c27702fb34b6cd7baa92b0dd3e.png)

[Homepage:](https://support.groupcall.com/messenger/messenger-forms)

 ![Delete3.PNG](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/4/a4c6a1a9b5f71a24162ed36cb3edf93a5a6c45fb.png)

---

<div class="post-metadata">

**Author:** ![Stephanie-OG](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stephanie-og/32/73267_2.png) [@Stephanie-OG](https://community.hubspot.com/u/Stephanie-OG)\
**Post date:** [October 16, 2018, 2:46pm UTC](https://community.hubspot.com/t/menu-not-displaying-all-items/10594/4 "2018-10-16T14:46:18Z")

</div>

It happens!

I checked all three pages and they look the same to me:

 ![Screenshot 2018-10-16 10.43.13.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/2/4/2441cc3f4e2230b56a867f43d498df92e94f047b.png)

 ![Screenshot 2018-10-16 10.43.16.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/1/9/19f168ca53291ef1e2f4755b720903e1e95dd649.png)

 ![Screenshot 2018-10-16 10.43.20.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/e/8/e85284b8adc68464efad4608d552592670bcccab.png)

Sometimes updates take a few minutes to propagate after you’ve published them so that could be it.

* * *

[![|300](https://d2qpr2jzcazej7.cloudfront.net/original/2X/e/e6ddb445b684524bbcbd802044a9ca3919d1fbc7.png)](http://www.stephanieogaygarcia.com?utm_source=HubSpotCommunity)HubSpot Design / Development

[Website](http://www.stephanieogaygarcia.com?utm_source=HubSpotCommunity) | [Contact](http://www.stephanieogaygarcia.com/contact?utm_source=HubSpotCommunity)

_If this helped, please mark it as the solution to your question, thanks!_

---

<div class="post-metadata">

**Author:** ![Jlawal](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jlawal/32/5125_2.png) [@Jlawal](https://community.hubspot.com/u/Jlawal)\
**Post date:** [October 16, 2018, 3:35pm UTC](https://community.hubspot.com/t/menu-not-displaying-all-items/10594/5 "2018-10-16T15:35:20Z")

</div>

Hi @Stephanie-OG

It is displaying nicely on all pages except these article ones:

[One](https://support.groupcall.com/xpressions/login):

 ![delete1.PNG](https://d2qpr2jzcazej7.cloudfront.net/original/2X/a/afba9e3ae77623a096233067722db8794ea57dac.png)

[Two](https://support.groupcall.com/xpressions/data-requirements):

 ![delete2.PNG](https://d2qpr2jzcazej7.cloudfront.net/original/2X/f/fb088137a166a8fc8246fcc388abb3c207c5909a.png)

---

<div class="post-metadata">

**Author:** ![Stephanie-OG](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stephanie-og/32/73267_2.png) [@Stephanie-OG](https://community.hubspot.com/u/Stephanie-OG)\
**Post date:** [October 16, 2018, 6:25pm UTC](https://community.hubspot.com/t/menu-not-displaying-all-items/10594/6 "2018-10-16T18:25:14Z")

</div>

I see, I was opening the links in Chrome and they look fine there but have the additional spacing in Firefox since the “Messenger Parent’s Evenings” is taking up two lines.

In your stylesheet (the “Support\_Site\_Sub\_Nav.css” file in your Design Manager), you’ll find this code:

```auto
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
 display: block;
 white-space: nowrap;
}

```

Firefox is ignoring the “nowrap” so you can add an “!important” to it and it should work:

```auto
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
 display: block;
 white-space: nowrap !important;
}

```

 ![nowrap.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/3/0/30df42fba7ae6211003e127773b5561d09768eeb.png)

* * *

[![|300](https://d2qpr2jzcazej7.cloudfront.net/original/2X/e/e6ddb445b684524bbcbd802044a9ca3919d1fbc7.png)](http://www.stephanieogaygarcia.com?utm_source=HubSpotCommunity)HubSpot Design / Development

[Website](http://www.stephanieogaygarcia.com?utm_source=HubSpotCommunity) | [Contact](http://www.stephanieogaygarcia.com/contact?utm_source=HubSpotCommunity)

_If this helped, please mark it as the solution to your question, thanks!_

---

<div class="post-metadata">

**Author:** ![Jlawal](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jlawal/32/5125_2.png) [@Jlawal](https://community.hubspot.com/u/Jlawal)\
**Post date:** [October 17, 2018, 8:34am UTC](https://community.hubspot.com/t/menu-not-displaying-all-items/10594/7 "2018-10-17T08:34:47Z")

</div>

That has worked lovely thank you again @Stephanie-OG  
 ![16x16_robot-wink.png.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/4/7/478416bf053094bfd67d4e90aecdc088131b1ba5.png)
