How to Eliminate Navigation Menu Wrapping

Using Scribe and Upfront editor...

In edit mode the top navigation menu looks fine:
https://www.dropbox.com/s/dyv9nrd54i6u0ne/Screenshot%202015-06-10%2020.45.46.png?dl=0

But when saved and live at full screen size the last menu item wraps:
https://www.dropbox.com/s/dyv9nrd54i6u0ne/Screenshot%202015-06-10%2020.45.46.png?dl=0

Please let me know how to fix this.

Thanks in Advance,
Stephan

  • Michelle Shull
    • DEV MAN’s Apprentice

    Hi, Stephan!

    It looks like you linked to the same screenshot twice, so I'm not seeing the end result, but I believe I understand what's happening.

    There may be tiny difference between what you see in the editor and what you see live, which is what I think is accounting for your menu wrapping when it's live, but not in the editor. We shouldn't disable wrapping, even if it were simple, because that would create a bad user experience for users on a monitor smaller than the one you're using to test or those with a different monitor resolution. The menu would be cut off for them, rather than wrapping to allow all the menu items to be visible.

    Your best bet is to adjust the menu itself, either by using a smaller font size, shortening your menu item labels, or utilizing submenus to group your menu links.

    Hope this helps!

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.