If menu content overflows on the page, fear not. You have quite a few ways to adjust the content size and spacing so all items appear correctly and your menu prints properly:
Use spacers
Adjust image size
Change the item layout
Change the item name style
Change the section title style
Reorder menu items
Save your changes
How do you know your page has overflowed?
If your content has overflowed the page, you’ll see this warning at the top of the section:
Also, the page will change colors, looking like this:
How to Fix Overflow
Here are several ways to adjust your content so that your menu prints properly.
Use dividers
By using dividers (which act as adjustable spaces) between sections , if your menu content overflows the page, you can simply reduce the size of the divider or delete the spacer by clicking on the trash can icon to allow room for all of your items to display.
In the following example, content has overflowed the page. Fortunately, there’s a divider between the menu sections that can be resized or removed to allow all of the content to be displayed.
If your content has overflowed the page:
Locate and dividers on the page.
Click on the divider you want to resize.
Click on the Styles tab.
Click on Edit Divider and use the slider to adjust the size.
Click on the little trash can icon if you want to delete the divider.
Save your changes.
Adjust image size
Another way to deal with content overflow is to adjust image sizes.
Click on the image you want to resize to select it.
Click on the Styles tab.
Click on the Image Styles tab.
Use the slider control to adjust the image size until the content displays correctly.
To use the same logo styling throughout your menu click on “Apply to all”.
Save your changes.
In the following example, the overly large logo is causing the content to overflow. By making it smaller, the overflow warnings disappear.
Change item layout
Each menu section can be displayed in either one or two columns. If your menu content is overflowing, try changing your menu item layout to double column display.
Click on the menu section you want to adjust.
Click on the Styles tab.
Select Section Layout.
Switch to or from single- or double-column layout.
To use the same styling throughout the menu click “Apply to all”.
Save your changes.
In this example, by changing the item layout from one to two columns content can now be displayed on a single page.
Change item name style
Another way to address overflow is to adjust the text style of your menu items. Text styles include the font, font weight, line spacing, font size, and font color.
Click on the section you want to change.
Click on the Styles tab.
Select Item Names.
Adjust the various text styles as needed.
Save your changes.
In the following example, Item Name styling is adjusted to allow overflow items to be displayed on the menu page...
Change section title style
Another way to address overflow is to change the style of your section titles. The Section title style elements you can adjust are spacing, font, font size, and justification.
Select the menu section you want to change.
Click on the Styles tab.
Click on the Section Title dropdown menu.
Adjust spacing, font, font size, and justification as needed.
Click on Apply to All to roll the changes through your menu.
Save your changes.
In this example, the Menu Section Title styling is changed to make room for all the menu items to be displayed.
Reorder menu items
Another option for resolving the overflow warning is to change the order of your menu items.
Select the menu section you want to change.
Hover the cursor over the item you want to move; the cursor will change to a hand.
Click and hold the item to drag it to a new location within the section.
Popup warning! – Be aware that reordering this section will affect how the section appears in other menus as well.
Click apply changes.
In the following example, menu items are dragged and dropped to display in a different order. A warning pops up to remind you that this will affect the ordering in other menus.