Vertical Menu

Category menu with vertical dropdown, customizable styling, and color scheme inheritance

How to add the Vertical Menu block?

• From your Shopify admin, go to Online Store -> Themes.

• Find the theme that you want to edit, and then click Customize.

• In the Header Group -> Header -> Add block -> choose Vertical Menu.

Vertical Menu - Settings Guide

This guide explains all available settings for the Vertical Menu section in order from top to bottom as they appear in the Theme Editor.

Setting	Type	Description	Visibility
Vertical Menu	link_list	Menu source for vertical menu (default: main-menu).	Always visible
Vertical Menu Style	select	Visual style variant for vertical menu.	Always visible
Title	text	Block title displayed above the vertical menu.	Always visible
Inherit Color Scheme	checkbox	Use section color scheme or override.	Always visible
Background / Gradient	color / color_background	Background for the vertical menu when not inheriting.	Visible when Inherit Color Scheme is false
Text Color	color	Text color for vertical menu when not inheriting.	Visible when Inherit Color Scheme is false
Button Divider	checkbox	Show dividers between vertical buttons.	Always visible
Button Width	select	Button width option (fit/large).	Always visible
Button Border Radius	range (px)	Button border radius.	Always visible
Vertical Menu Color Scheme	color_scheme	Color scheme override for the vertical menu.	Always visible