How to create a mega menu

The appearance of a mega menu

Creating a mega menu

**You must create multiple levels of your menu using the native Shopify navigation.

Dropdown menu

** After adding 3rd level menu, you will get a menu appearance that looks like this screenshot **

Mega menu block settings

Settings details
SettingsDescription
Menu itemEnter the name of the menu item to which you want to add a mega menu. 

Promotion settings

*** You have the option of uploading two images for two promotions. They all have the same settings:

SettingsDescription
ImageThis is a setting to display an image in the mega menu as a promotion.
Image ratioThe image ratio for the promotion is as follows:

Adapt to image(Default): The aspect ratio of the images is used. This prevents cropping of the images.
Square: Images are cropped to a 1:1 aspect ratio.
Portrait: Images are cropped to a 2:3 aspect ratio.
Landscape: Images are cropped to a  3:2 aspect ratio.
Wide: Images are cropped to a 16:9 aspect ratio.
Round the corners of the imageIf you enable it, the promotion image corners will be round. By default, enabled it.
HeadingA promotion title can be displayed. If you don’t want it to be displayed, simply clear the field.
TextA promotion text can be displayed. If you don’t want it to be displayed, simply clear the field.
LinkYou can add a link to a single promotion.

Last updated on November 23, 2025

Was this article helpful?

PREVIOUS

Set up the newsletter popup

NEXT

How to setup Multi-language in your store

Powered by Support Genix