Molla
  • Greeting
  • General
    • Upload theme
    • Import Demo
    • Update Theme
    • Basic Config before using theme
    • How to get Instagram Access Token
  • App using in Molla
    • Private offer 🎁
    • Optional App
      • AVADA FAQs, Helpdesk, Chat
      • ReCharge
      • Product Review
      • Fontify ‑ Use any font
      • Unlimited Product Options
      • Weglot
      • Nitro Lookbook
      • Stockify
      • Lumise ‑Product Designer
    • Required App
      • Wishlist
  • Things to know
    • Unit (rem)
    • Space settings
    • Responsive (Swiper slide)
    • Grid system
  • Menu configuration
  • Menu Basic
  • Mega Menu
  • Mega Menu (Vertical) v1.6.8 and above
  • Mega Menu (Vertical)
  • Default Section
    • Header + Announcement
      • Announcement Bar
      • Header Top
      • Main Header
      • Icons control
    • Mobile Menu
    • Footer
    • Bottom bar
    • Variants + Label menu
    • Other page
      • (Banner) Page top
      • (Banner) All page
    • Collection page
      • Filter
      • Description
      • Slideshow Master
      • Brand logo
      • List categories
      • Product slide
    • Collections List
    • Product page
    • Blog
    • Blog post
    • Cart
    • Customer
  • theme settings
    • How to access?
    • Favicon
    • Logo
    • Header
    • Footer
    • General Settings
    • Gadget
    • Cart
    • Colors
    • Social media
    • Collection page
    • Collection Filters
    • Product card item
    • Product page
    • Product Option style
    • Sticky Add to Cart Button
    • Product Quickview
    • Search
    • Blog page
    • Account page
    • Typography
    • Currency
    • (Upsell) Real time Visitor
    • (Upsell) Shipping rates
    • (Upsell) Delivery time
    • (Upsell) Suggest Products
    • (Upsell) Stock countdown
    • (Upsell) Countdown cart
    • (Upsell) Frequently Bought Together
    • Custom
  • Page template
    • About 01
    • About 02
    • Contact 01
    • Contact 02
    • FAQs
  • Other section
    • 0. Layout
    • 01. Hero banner
      • CSS Preset
      • Master
      • Category + Banner
      • Simple
      • Simple banner
    • 02. Section banner
      • Banner with text 1
      • Banner with text 2 (text bottom)
      • Banner with text 3 (text bottom)
      • Categories and banners
      • Collections template 1
      • Show all page - Banner(All page)
      • Template 1
      • Template 2
      • Template 3
      • Template 4
      • Template 5
      • Template 6
      • Template 7
      • Video with text 1
      • Video with text 2
    • 03. Section Products
      • Featured product
        • Featured 1
        • Featured 2
      • Flash Sale 1
      • Set - Group
        • Set 1
        • Set 2
        • Set 3
        • Set 4
      • Show
        • Show(grid)
        • Show(grid) + Banner 1
        • Show(grid) + Banner 2
        • Show(list)
      • Slide
        • Slide(grid)
        • Slide(grid) 2
        • Slide(grid) + Banner 1
      • Tab
        • Tab(grid)
        • Tab(grid) 2
        • Tab(grid) + Banner
        • Tab slide(grid)
        • Tab slide(grid) +Banner 1
        • Tab slide(grid) +Banner 2
        • Tab slide(grid) +Banner 3
    • 04. Section
      • Brand
        • Brands Logo
        • Brands Logo 2
        • Brands Logo 3
        • Brands Logo 4
      • Count to
      • Countdown
        • Countdown and banner
        • Countdown and product 1
        • Countdown and product 2
        • Countdown section 1
        • Countdown section 2
      • List categories
        • List categories 1
        • List categories 2
        • List categories 3
        • List categories 4
      • Newsletter with banner
      • Prds + Lookbook + Services
      • Related post
      • Profile card grid
      • Profile card grid 2
      • Video banner 1
    • 05. Element
      • Accordions
      • Call to Action
      • Icon Boxes
      • Portfolio
      • Socails & Customers say
      • Tabs
      • Testimonials
    • 06. Sidebar homepage
      • Call to Action
      • Products Show(mini list)
      • Products Show(Special Offer)
    • 07. Customize
      • Section Customize
    • 08. Lookbooks
      • CTA & Lookbook 1
      • Lookbook 1
      • Lookbook 2
    • 09. Socials
      • Instagram 1
      • Instagram 2
      • Instagram 3
      • Instagram 4
      • Instagram 5
    • 10. Contact
      • Infor
      • Infor & Questions
      • Our Stores
      • Questions
  • Product Customization
    • Product Grouped Molla
    • How to show Countdown timer on Product Card grid
Powered by GitBook
On this page
  • 1 - How to config this type of Menu?
  • 1.1 - Go to Admin > Navigation > Add menu
  • 1.2 - Create a New Menu with Categories. This menu have menu items and sub menu items.
  • 1.3 - Navigate to Section Header > Link list categories > Select the Menu that has just been created.
  • 2 - You need to create a page with these parameters:
  • 2.1 - Click to Edit one of these Vertical Menu

Was this helpful?

Mega Menu (Vertical)

PreviousMega Menu (Vertical) v1.6.8 and aboveNextHeader + Announcement

Last updated 4 years ago

Was this helpful?

Which has a vertical menu BROWSER CATEGORIES with its MEGA MENU like below

1 - How to config this type of Menu?

1.1 - Go to Admin > Navigation > Add menu

1.2 - Create a New Menu with Categories. This menu have menu items and sub menu items.

1.3 - Navigate to Section Header > Link list categories > Select the Menu that has just been created.

We call this menu “Parent Menu (Parent Link)”.

Now the Menu will show in the place of the text “Browser Categories”, However if you want to customize the banner images on mega menu, you have to go to the Builder to config it.

2 - You need to create a page with these parameters:

"title": "Vertical menu Builder",
"handle": "vertical-menu",
"template_suffix": "vertical-menu"

Navigate to Mega Menu Builder viewport

You will see the list of Vertical Menu section in order

2.1 - Click to Edit one of these Vertical Menu

You must select exactly the Parent Menu here

  • Click Add content to add elements onto the Mega menu