Skip to content
GloboGlobo Docs
Install app
English

Edit a menu item

Change an item's title, link, icon, colors, badge, submenu and visibility, or duplicate, move and delete it.

Reference All plans 3 min read

Each item has its own settings in the Edit Item panel, which override the menu-wide design for that item only.

Open the item settings

  1. Click Edit Item

    Hover over the item in the preview or the Elements tree and click Edit Item (the pencil icon) (1). The panel opens on the left (2).

    (1) Click Edit Item, (2) the item settings open on the left

  2. Change the settings

    Use the sections below. Click ‹ next to Edit Item to go back to the tree.

  3. Save and publish

    Click Save, then Publish.

General

Icon
An icon before the title: Select icon from the library or Upload icon for your own image. See Add an icon to a menu item.
Title
The text shown in the menu (up to 100 characters).
Link
Where the item goes: pick a store page or paste a URL. Open in new tab and, for collections, Filter collection with tags (optional) appear below it. See What you can link to and Link options.
Description
A short line under the title. Leave empty to hide it.

Color

Make one item stand out, such as a red Sale item. Item colors are part of the Highlight feature; on other plans the fields are disabled with a link to upgrade.

Text colorDefault: #FFFFFF00Pro
The item’s text color.
Background colorDefault: #FFFFFF00Pro
The item’s background.
Hover text colorDefault: #FFFFFF00Pro
The text color on hover.
Hover background colorDefault: #FFFFFF00Pro
The background on hover.

#FFFFFF00 is fully transparent, meaning “use the menu’s normal colors”. Clear settings resets all four.

Badge

A small label such as New, Hot or -50%. Turn on the Badge toggle to show its settings; on top-level items the badge sits above the title.

The Badge settings
Badge titlePro
The badge text, for example New. The badge shows only when this isn’t empty. You can translate it per language.
Badge text colorDefault: #FFFFFFPro
The badge text color (white).
Badge background colorDefault: #0693E3Pro
The badge background (blue).
A badge on the menu bar

If the item has a submenu, change its Type, Width + alignment, Content alignment, Background color and Background image here. Options depend on the type: see Dropdown settings and Mega menu panel layout.

Visibility

Choose who sees the item and when; you can tick more than one.

The Visibility settings
Hide on desktop
Mobile only, for example a Call us link.
Hide on mobile
Desktop only, for example a wide mega menu that doesn’t suit small screens.
Hide when logged in
Guests only, for example Create an account.
Only show when logged in
Signed-in customers only, for example Wholesale or My orders.
Schedule publishing
Only between a Start date / Start time and an End date / End time (or just one). Times use your store’s time zone; the end must be in the future and after the start. See Schedule menus and items.

Advanced

Extra classname
Your own CSS class for Custom CSS. Enter it without the dot, for example sale-item.

Duplicate, move and delete

  • Duplicate Item — copies the item right below, including its whole submenu.
  • Delete Item — removes the item and all of its submenus, after you confirm.
  • Move — drag the item in the Elements tree, then click Save and Publish.

Was this helpful?

Report an issue