Sleek
Try Sleek freeResourcesOther solutions
  • What is Sleek theme
  • Changelog
  • Refund policy
  • Support policy
  • Getting started
    • Install Sleek theme
    • Set up my store as Sleek demo
    • Update Sleek theme
    • Theme license & Transfer
  • BUILD FOR SUCCESS SERIES
    • Homepage for Health & Beauty 🔥
  • Page's global sections
    • General settings
    • Announcement bar
    • Cart drawer
    • Header
      • Mega menu
      • Use Country/ Region selector
      • Use Language selector
    • Footer
    • Mobile navigation bar
    • Pop-up
    • Quick view
  • Theme sections
    • Before/ After image slider
    • Blog post
    • Card images
    • Collage tabs
    • Collapsible tabs
    • Collection image showcase
    • Collection list
    • Collections showcase
    • Collections slider
    • Contact form
    • Countdown timer
    • Custom content
    • Custom liquid
    • Email signup
    • Favorite products
    • Feature list
    • Featured product
    • Featured collection
    • Featured products tab
    • Highlight text with image
    • Image gallery
    • Image with text
    • Image with text columns
    • Image with text overlay
    • Layered images with text
    • Lookbook banner
    • Lookbook cards
    • Lookbook slider
    • Media with collection
    • Multicolumn
    • Press
    • Products bundle
    • Product tabs
    • Product showcase
    • Recently viewed products
    • Rich text
    • Scrolling promotion
    • Slideshow
    • Store locator
    • Testimonials
    • Video
    • Video hero
    • Video with text
  • Theme settings
    • General 🔥
    • Animations
    • Buttons
    • Custom CSS
    • Blog cards
    • Cart
    • Collection cards
    • Color swatches
    • Colors
    • Currency format
    • Layout
    • Logo
    • Product cards
    • Search behavior
    • Social media
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Page sections
        • Breadcrumbs
        • Product information
        • Related products
        • Sticky add to cart bar 🔥
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product grid
    • Collections list page
  • Other pages
    • 404 page
    • Blogs
    • Blog posts
    • Cart
    • Password
    • Search page
  • FAQs
    • Generic
      • Add gift wrap option to my cart
      • Combined listings app
      • How to add custom fonts in Sleek? 🔥
      • JavaScript events for developers
    • Product
      • Set up quantity rules and volume pricing 🔥
      • Add custom badges using product tags
      • Set up Local Pickup option
      • Show dynamic content for Products using Metafields 🔥
Powered by GitBook
On this page
  • How to Set up a mega menu
  • Block settings
  • Demo store reference
  • Menu item - Presets
  • Menu item - Shop
  • Menu item - Collections
  1. Page's global sections
  2. Header

Mega menu

Learn how to set up a mega menu in Sleek theme

PreviousHeaderNextUse Country/ Region selector

Last updated 4 months ago

In addition to standard dropdown menus, Sleek offers a mega-menu feature.

The mega-menu lets you present your menu in a more detailed and visually appealing format.

How to Set up a mega menu

In Sleek, you can add banners, custom cards, and/ or a product list to the menu.

Steps:

  1. In the theme editor (Customize), locate the Header section.

  2. Click Add block, then select the add-on type you want for your menu.

  3. Make necessary changes.

  4. Click Save.

Block settings

  • Menu item: enter the exact first-level menu item name you want to add the banner to.

For instance, in our example, the mega-menu is contained within the "Pages" link, so we need to enter "Pages":

  • Menu columns: between 2 and 6 columns.

  • Banners settings: You can add up to 5 banners under one main menu item.

    • Width: 30-100 px.

    • Number of banner columns: 1-5 columns.

Demo store reference

Menu item - Presets

Block name: Custom card

Menu item - Shop

Block name: Product list

Menu item - Collections

Block name: Banner

Expert Tip Mega menu works best with menus having 3-level menu items.

Below is how we customize our mega menu in

💡
⭐
⭐
Sleek demo Jumped
Install FoxTransfer Chrome Extension FREE here