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.

  • 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 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.