💻
Havi cosmetic theme documentation
  • Welcome
  • Installation
    • Theme
    • Shopify apps
  • Customization
    • Store settings
    • Theme settings
      • Multiple layouts
      • Colors
      • Buttons
      • Typography
      • Currency conversion
      • Wishlist
      • Search
      • Product item
      • Color swatch
        • Color swatch
        • Variant images swatch
        • Variant images grouped
      • Product detail
        • Each product has a different size chart
        • Each product has a different custom popup
      • Product quickview
        • Product variants (option selectors)
        • Product details
        • Countdown metafield
        • Short description metafield
      • GDPR and Notification someone purchased
        • How to get the product handle
      • Newsletter popup
      • Cart
      • Social media
      • Favicon
    • Page settings
      • Sections
        • Static sections
          • Announcement bar
          • Header
            • Navigation
            • Mega menu
          • Newsletter
          • Footer
        • Dynamic sections
      • Pages
        • Home
          • Custom HTML
          • Blog post
          • Brands
          • Collection list
          • Collection tab
          • Collection with image
          • Featured collection
          • Custom sub banner
          • Image with text
          • Slideshow
            • Image slide
            • Embed video slide (youtube, vimeo)
            • Video slide
          • Featured product
          • Instagram feed
          • Testimonials
          • Text with optional font awesome
          • Text with optional image
        • Password
        • Collection pages
          • Collection sidebar
        • Collection list page
        • Product pages
          • Product default layout
          • Product sticky layout
          • Related products
          • Recently viewed products
          • Upsell bundled products
          • Custom product tab
        • Blogs
        • Blog posts
        • Cart
        • Gift card
        • Custom pages
          • About
          • Contact
          • FAQ
          • Image gallery
          • Instagram shop
          • Wishlist
  • Tips
    • Change logs
Powered by GitBook
On this page
  • Open mega menu setting
  • Settings
  • Menu item
  • Mega menu per row
  • Text alignment

Was this helpful?

  1. Customization
  2. Page settings
  3. Sections
  4. Static sections
  5. Header

Mega menu

In this article, you will find how to config the mega menu.

PreviousNavigationNextNewsletter

Last updated 4 years ago

Was this helpful?

Mega menu is a powerful feature of the theme.

Open mega menu setting

Settings

Menu item

Input the menu item name. The menu item is a top level item of navigation main menu.

By default, a menu item will be shown as the dropdown menu. If you set the name of menu item in a mega menu (such as shop menu item like the above screenshot), it will display as a mega menu.

Collection sub menu item

If your sub menu item is link to a collection, the collection image or the image of the first product in the collection will be display in mega menu.

If your sub menu item is link to a product, the product will be show as the below screenshot.

Mega menu per row

Adjust the number of sub menu items in a row. For example, in the above image, we set 4 sub menu items per row.

Text alignment

Select the alignment of text in the mega menu.

From your configuration, click on a Mega menu to edit or click Add Mega Menu to add new.

Header section
Mega menu
Mega menu setting
Collection sub menu item
Product sub menu item