For the complete documentation index, see llms.txt. This page is also available as Markdown.

Can I make the mega menu column headings non-clickable?

Why mega menu column headings are always links in Volume, and the Custom CSS rule that turns them into plain labels.

Not with a setting, no. In Volume every item in a mega menu is a real link, headings included.

The column heading is not a separate field you fill in — it is the first-level item from the menu you selected in the Header, and it renders as a link pointing at whatever URL that item has in Online Store → Navigation. Shopify's menu editor requires a URL on every item, so there is no "label only" state to switch to.

The better fix first

Give the heading somewhere worth going: the matching collection, or a landing page for that category. Shoppers routinely click category titles expecting the full listing, and a heading that does nothing reads as a broken link. In practice this solves the request more often than hiding the link does.

If you really want a plain label

Add this to Theme settings → Custom CSS:

.mega-menu .menu__dropdown-child-item-link {
    pointer-events: none;
    cursor: default;
}

The links listed underneath each heading stay clickable — only the headings are affected. The rule covers both Mega menu and Mega menu short, and it survives theme updates, because Custom CSS is stored with your theme settings rather than in a file.

lightbulb

Was this helpful?