
Our primary navigation is has too many headings and any new additions are going to a new line. Trying to figure out how to resize the <div>width to allow for more headings in the navbar. This change is only for the desktops and any screens wider than >1200px.
*This post is locked for comments
I have the same question (0)Its question about your navigation rather than Portals.
Portals using bootstrap to display top navigation - getbootstrap.com/.../components with collapse plugin (when width is less than 1200 manu is colapsed).
So it acts as designed, and I reccomend:
1) make some menu items - subitems - > so they go to the second level and navbar will be displayed well
2) replace some navigation items text with text or icons, like default home icon
3) make the font-size smaller, like :
@media (min-width: 1200px)
.container>.navbar-collapse {
font-size:75%;
}
4) again - reorganize your menu to make less items, you can move some of them to bottom navigations, or to side navigations for main pages.
Idea is - you cannot show more items in one line without making them smaller, or reduce their count.