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:
And below are images of how it displays on the different pages.
Any help/advice would be greatly appreciated!
Best,
Jamila
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
HubSpot Design / Development
If this helped, please mark it as the solution to your question, thanks!
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?
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:
.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:
.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;
}
HubSpot Design / Development
If this helped, please mark it as the solution to your question, thanks!
That has worked lovely thank you again @Stephanie-OG
