@chris_m I can't speak to the sporadic last menu presentation issue, however, you should, whenever possible, avoid the "More.." setting that collects menu items that may overflow the header bar. This is a kludge setting added by Weebly to prevent unsightly wrapping of jam-packed navigation menu items when the desktop screen size is small, e.g., 13.3" laptop screens. You will, however, never see a "More" menu item on a professionally-built website regardless of size and complexity.
In your case, there are two reasons why More is appearing:
- It's turned on in your site settings (click the "Settings" menu item in the Site Navigator and scroll down to the "Navigation" section in the General page and uncheck that "More" checkbox to turn it off and save your settings); and
- The Weebly theme code forces the navigation menu to fit in only 50% of the header bar width which forces text wrapping to occur far too early. This width attribute doesn't make any sense and is a flaw in the theme code. Here's how you fix it: In the Site Editor, click the "Theme" menu item then click the "Edit HTML/CSS" button at the bottom of the left-hand sidebar. You'll arrive at the css code window. Click the magnifying glass icon at the top of the window and search for the term, ".desktop-nav". You'll jump to the code block you see below. Change the width attribute from "50%" to "100%" (highlighted in red below).
.desktop-nav {
width: 50%;
text-align: center;
}If you make these two modifications, your last menu item, "Additional Resources" will appear as it should in your desktop navigation menu regardless of desktop screen size. If you shrink the width of your browser window to emulate smaller viewports, you'll see that the navigation menu will change to the mobile hamburger menu well before any desktop menu item wrapping occurs (because you changed the width of the desktop navigation).
