> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://doc.ecomx.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Normcore Vertical Menu

## About Vertical Menu Block

The Vertical Menu block is a versatile navigation tool that helps organize and display your store's menu items in a vertical format. It's particularly beneficial for:

* Complex product catalogs with multiple categories
* B2B stores with extensive product lines
* Category-focused navigation
* Specialized product collections
* Multi-level menu structures

The block stands out for its ability to provide clear hierarchical navigation while maintaining full customization control for both desktop and mobile displays.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1900964010/cb0156de8c9a414868aeb390dbe8/AD_4nXd6wK4_qdwvBMbXM_POTCeL31zRdQ3DvbwSWeUbbVjnaZDmfs1saWgVHSTYvlKI_L9oEd0WwyRO8MpW6Kut0KEa55oj2CyhHzFB8AtnXSTBiXtElqas9Xq4CxBf1B-TZBEkeyqpCnK_u1zXdjFDC0KjPWvLl2.png?expires=1792401300&signature=c48a9099778250955fe1905cb1b6d81b11711aedb4c80f0338b939eaabe41673&req=dSknFsB4mYFeWfMW1HO4zfkVTJhMtcO7JfkRMOQzb5XXB3eeKno5Xa9TbydU%0A7Gz9OQyngFFYBD93YjQ%3D%0A)](https://docs.saleshunterthemes.com/wp-content/uploads/2025/02/AD_4nXd6wK4_qdwvBMbXM_POTCeL31zRdQ3DvbwSWeUbbVjnaZDmfs1saWgVHSTYvlKI_L9oEd0WwyRO8MpW6Kut0KEa55oj2CyhHzFB8AtnXSTBiXtElqas9Xq4CxBf1B-TZBEkeyqpCnK_u1zXdjFDC0KjPWvLl2.png)

## How to Access the Vertical Menu in Normcore

From your Normcore Admin Dashboard, Access Header section > click the "**Add Block**" button, search for "**Vertical menu**" and select it from the Blocks category.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1900964024/76221553d6838000e18b8508e920/AD_4nXeZ83a5nfVu-SxxEA44AJNfYe6qRAbNRsmCMeh8s8P_TwhgqSk5HNRK5CvEZQ2qN0eACLpwv5GlbqQgiABzndnhjqh2Wrm5vm9Kg1_AVBWrE7lw7W8Esx3hJTNUX89-Q74keyqpCnK_u1zXdjFDC0KjPWvLl2.png?expires=1792401300&signature=34af66317b0e6b23f967cc73f41832530a12815809bf9bd8d3f8a1dfefde4fd0&req=dSknFsB4mYFdXfMW1HO4zYVdgtblbuQuB%2B%2B1o%2BXhQExxMNKUuNgAt20EXmm1%0AU%2F26l%2F8KM5rv0iKn3LE%3D%0A)](https://docs.saleshunterthemes.com/wp-content/uploads/2025/02/AD_4nXeZ83a5nfVu-SxxEA44AJNfYe6qRAbNRsmCMeh8s8P_TwhgqSk5HNRK5CvEZQ2qN0eACLpwv5GlbqQgiABzndnhjqh2Wrm5vm9Kg1_AVBWrE7lw7W8Esx3hJTNUX89-Q74keyqpCnK_u1zXdjFDC0KjPWvLl2.png)

After adding the Vertical Menu block, you can customize its appearance and functionality through the available settings in the sidebar.

## Basic Components

Each Vertical Menu block includes the following components:

* Menu selection
* Text size options
* Block width settings
* Block alignment controls
* Mobile display settings

To begin customizing, click the "**Vertical menu**" block to access its settings.

## General

Within General settings, you can configure:

* Menu: Choose your preferred menu from the dropdown
* Text size: Select between Regular and Small options

## Desktop Layout

For desktop view, you can adjust:

* Block width: Choose from 4 cols (1/3) and other width options
* Block alignment: Set to Left, Center, or Right to align content within block width

## Mobile Layout

For mobile devices, you can:

* Show in menu drawer: Toggle the visibility of the menu in the mobile menu drawer

The mobile layout inherits other settings from the desktop configuration while optimizing for smaller screens.

---

## Common Cases & FAQs

### 1. How can I create a multi-level menu structure?

In the Normcore theme, you can create hierarchical menus by:

* Setting up parent categories as top-level items
* Adding subcategories as child items
* Organizing products within appropriate subcategories

### 2. What's the best practice for menu organization in B2B stores?

For B2B stores, we recommend:

* Grouping products by industry or application
* Using clear, professional category names
* Limiting menu depth to 3 levels for optimal navigation
* Including important B2B-specific categories like bulk ordering or customer support

### 3. How to optimize the vertical menu for mobile users?

To ensure the best mobile experience:

* Enable the "Show in menu drawer" option for easy access
* Use concise category names that fit mobile screens
* Test navigation flow on various mobile devices
* Consider using the Small text size option for better readability