Adorn ThemesAdorn ThemesAdorn Themes
  • Services
  • Themes
    • Avone
    • Revone
    • Vogal
    • Optimal
    • Belle
  • Portfolio
  • Support
    • Open Ticket
    • Knowledge Base
    • Theme Documention
  • Blog
    • Shopify Themes
    • Shopify Apps
    • Ecommerce
    • SEO
  • About us
  • Contact us
Create a Free Store Button

How can we help you?

Theme Installation

  • Avone – How to install theme?
  • Avone Theme Update – Release Notes.
  • Avone – How to update your shopify theme?
  • Optimal Theme Update – Release Notes.
  • Optimal – How to update your shopify theme?
  • Vogal Theme Updates List
  • Belle Theme Update – Release Notes.
  • Belle – How to install theme?
  • Install Theme
  • Recommended Apps
  • Changelog
  • Changelog
  • Update Theme

Theme Settings

  • Color swatches trigger
  • Basic Configuration
  • Layout
  • General
  • Typography & Colors
  • Header Menu
  • Cart
  • Search
  • Products Grid
  • Scrolling Text – Products Grid
  • Product Swatches
  • Size Chart
  • Currency & Language
  • Social Media
  • Quickview Popup
  • Animations
  • Age Verification Popup
  • How to add scrolling promotion text within a products grid?
  • How to copy SVG link or code
  • Vogal Theme – Add gift wrapping
  • How to set free shipping?

General Sections

  • Page Sections
  • Header Group
  • Footer Group
  • Overlay Group

Navigation

  • Header Menu
  • Set Menu Labels
  • Show links in Megamenu without column title?
  • How to use Megamenu Navigation
  • How to display images for mobile menu items?

Collection Page

  • How to set product labels?
  • How to add scrolling promotion text within a products grid?
  • Collection Page Banner
  • Collection Banner
  • Sub Collections
  • Sub Collection List
  • How to add collection banner by metafield?
  • Custom image for sub collections
  • Custom image for collections
  • Add product colors using category metafields
  • Collection Main
  • Set custom labels for products
  • Set Collection banners, Short description and Countdown by metafields.
  • Collection Page – How to set product filters ?
  • Display Sub Collection List
  • Icon image for collection
  • Limit color swatch on products grid
  • Scrolling Text – Products Grid

Product Page

  • Color swatches trigger
  • Set custom labels for products
  • How to set product labels?
  • How to add product countdown?
  • Design Product Page
  • Add product colors using category metafields
  • More Color Products
  • Group Products
  • Vogal – Product Metafields
  • Products Bundle / Group Product
  • How to add metafields?
  • Upsell Bundled Products
  • More Color Products
  • Size Chart trigger
  • How to set size chart?
  • Add different size chart for each product?
  • Product Page – Product Swatches – Product Variants
  • Set product pre-order for shopify 2.0
  • Related products section
  • Display Complete the look products
  • Display different tab details for each product
  • How to add product custom option?
  • How to display FAQs tab on product detail page?
  • How to set upsell product bundle
  • Add product descriptions with columns.
  • How to display product specification tab on product page?
  • How to display color variant media gallery?
  • Add external product link?

Page Setup

  • About Us
  • Contact Us
  • FAQs
  • Brands List
  • Lookbook
  • Store Locations
  • Wishlist
  • Blog
  • Create Custom Page and add sections?
  • Cart
  • How to create Landing page?
  • How to create metafield for page banner

Blog Pages

  • Blog
  • Blog Banner
  • How to show specific product list in blog article page

FAQs

  • How to find your purchase code?
  • Login and Create an Account links are not-showing
  • Multiple currencies Setup
  • Show shipping estimated time for specific product
  • Add Instagram Shop Shopify(by Snapppt app)
  • How to create languages menu for weglot?
  • How to add gift wrapping?
  • Display Brand List Page
  • How to add new custom fonts?
  • Add to cart not working
  • How can I change ‘Buy it now’ button text?
  • What’s included with my theme support?
  • Why product recommendations do not showing up in my store?
  • How can I improve the speed score of my store?
  • Troubleshooting Theme issues
  • How to get Instagram Access Token?
  • Add Reviews Code in theme files.
  • How to get MP4 video link?
  • Set product pre-order for shopify 2.0
  • How to add Product subtitle?
  • How to hide section on mobile or desktop?
View Categories
  • Home
  • Knowledge Base
  • Create Megamenu and Dropdown

Create Megamenu and Dropdown

Create Megamenu #

 Go to Store Admin >> Online Store >> Customize >> Sections >> Header >> Scroll Down to Navigation 

Click on Add content to add links to menu
There are 5 style in main menu as below

  • Home Link
  • Single Page Link
  • Simple Dropdown
  • Megamenu Style 1
  • Megamenu Style 2
  • Megamenu Style 3
  • Megamenu Style 4

Checkout all the possible style of megamenu #

Simple Dropdown #

Megamenu Style 1 #

Here you can set 2 column, 3 column, up to 5 columns, Featured product and Single Banner. You can display menu column with multiple rows

Megamenu Style 1 with 3 column menu (2 rows), Featured Product and Banner All options are flexible.

Megamenu Style 2 #

Here you can set 3 column, 4 column, up to 6 columns and 3 diffrent banner at the bottom of menu column You can display menu column with multiple rows

For Banner, You can set either 1, 2 or 3 banner.

Megamenu Style 3 #

Here you can set 1 column, 2 column, up to 5 columns and banner at the top of each column. You can display menu column with multiple rows

Megamenu Style 4 #

Here you can set 2 column, 3 column, up to 5 columns with background image.

Where to add navigation links? #

Go to store admin >> Online Store >> Customize >> open Header section from sidebar >> Scroll Down bottom of section >> Click on Add content

Add Home Link: #

Click on Add content >> Home Link

Add Single Page Link : #

Click on Add content >> Single Link

Here you can add label which will display above link .i.e Sale,new,deal..

Add Dropdown : #

Click on Add content >> Dropdown menu >> Select Menu

You can display labels here. Here you can select dropdown menu you created from Navigation Setting. Checkout below steps and screenshot for dropdown menu Men

Add Megamenu: #

Click on Add content >> Select any from Style 1, Style 2, Style 3, Style 4

You will need to create many multi-level drop-down for megamenu

For example : If you want to display megamenu for “Women” as shown below

Go to Store Admin >> Online Store >> Navigation >> Add Menu

Add menu items in menu as shown below and click save

Now to add Menu links for Clothing, Add menu items in the same way and then drag that menu item under relavant menu item ( your choice )

Repeat the same steps to add links under all other menu items.

What are your Feelings
Table of Contents
  • Create Megamenu
  • Checkout all the possible style of megamenu
    • Simple Dropdown
    • Megamenu Style 1
    • Megamenu Style 2
    • Megamenu Style 3
    • Megamenu Style 4
    • Where to add navigation links?
    • Add Home Link:
    • Add Single Page Link :
    • Add Dropdown :
    • Add Megamenu:
Adorn Themes

We build premium shopify themes. Our themes are adored by thousands of merchants for their user-friendly nature, powerful features, reliable performance, and exceptional user interface

Information
  • About Us
  • Contact Us
  • Our Services
  • Our Partners
  • Our Blogs
Customer support
  • Support Ticket
  • Knowledge Base
  • FAQ’s
  • Need Customization?
  • Project Request?
WHY CHOOSE ADORNTHEMES
footer-logo-1
shopify-partner--logo
© 2025 AdornThemes - All Rights Reserved.
  • Social Media
  • Social Media
  • Social Media