There is a known display issue with the menu content block’s “Blue horizontal buttons” display option when viewed on a mobile device. While the menu’s blue buttons will become wide enough to accommodate a long button name, a button’s text may wrap to multiple lines when narrowed for a mobile device. Below are two examples of a menu using this feature to illustrate the issue:

Above is an example of a menu block with button names of various widths. As you can see, the third button is much wider than the first two, accommodating the much longer button text.

On a mobile device’s narrower screen, the third button’s text shifts to two lines, and the second line display is left-aligned, not centered.

Workarounds to this known issue

Option 1: Shorter button names

In the menu editor, you can override the page or custom link name with shorter text, which is typically a good idea for navigation menus in general. This option should be used if the menu is displayed on multiple pages.

Option 2: Button shortcode

The button shortcode does not have this same display issue, as shown in the image below. This option should be used if the menu is displayed on a single page, or if it is unlikely you will need to manage the buttons on multiple pages.

The button shortcode is documented in our user guide.

To date, this has been accomplished using the sidebar template on pages where a secondary menu can appear. Our Digital Communications website showcases this behavior (the lefthand column on pages has navigation specific to our area of Marketing and Communications). While this solution works well for text-heavy content, it is not ideal for pages making use of content blocks where the full page width is more appropriate.

New menu style, “tertiary navigation”

Our new menu location is named “Tertiary Navigation” in the menu editor. It works in much the same way as the sidebar menu solution, in that rules are set to determine when the menu is shown or hidden. You can see this menu style on our user guide, in the Content Blocks help section.

In order to avoid problems with existing content, this feature is turned off by default and must be enabled by our team for your use. If you are interested in making use of this new menu location, please contact us at um.weboffice@maine.edu and we will work with you to enable this feature and set it up for your website.

Last semester we debuted a new content block for menus. This will allow you to add links to a web page in one of several menu formats:

• Bulleted list of links
• Vertical menu, similar to the sidebar menus
• Button bar menu, similar to the “call to action” widget

If you have used the custom menu widget in sidebars, the menu content block is very similar— you will need to create the menu in the WordPress menu editor, and then select that menu for the content block. Web pages using this new content block include the Office of Major ScholarshipsÌý²¹²Ô»åÌý.