The Utility Menu shows links in the website header for customer account login, cart/checkout, and optional custom links for social media, search, etc.
-
Visibility
Toggles visibility of the Utility Menu.
-
Links
Toggles visibility of the Cart/Check and Account/Login links. Allows custom labels.
-
Custom Links
Adds custom links to the Utility Menu aside from the standard Account/Login and Cart/Checkout.
The Icon field options include: Search, Instagram, Facebook, Twitter, Pinterest, Mail, Map, Location, Bookmark, and None (for text only links).
The Link field uses WordPress’s built-in functionality to add links to website pages or external resources. The Link Text field on the ‘Insert/edit link’ popup displays as the label in the Utility Menu.
-
Display
Alignment assigns the Utility Menu to the left or right.
Position can be set to fixed on scroll or scroll with page.
Padding adds spacing around the Utility Menu, useful for fine tuning the positioning. CSS padding values are valid, e.g. 10px; 1em; or 10px 5px 10px 5px.
Format options include: only icons, both icons and labels, and only labels.
Color
Color can be customized for links, links on hover.
Link colors can be overridden on a per page basis. For example, pages with a full bleed hero image background may need white colored links to be visible.
-
Typography
Font allows you to specify the name of the font family used in the Utility Menu labels, e.g. Helvetica, Times New Roman, etc., or a custom font active on the website.
Font size sets the sizing of the label text in pixels.