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.
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 🙂
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;
}
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 🙂
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;
}