☀️
Elessi
  • Introduction
  • GETTING STARTED
    • Download and Installation
      • Requirements
      • Download Theme
      • Installation Theme
    • Import Demo Content
      • Import More Demos
    • Updates
      • Update Theme
        • Method 1: Automatic Updates
        • Method 2: Manual Update
      • Update Nasa Core plugin
      • Update WP Bakery and Revolution Slider plugin
    • Performance
    • Changelog
  • Header & Menu
    • Header
      • Header Layout
        • Header Layout 1
        • Header Layout 2
        • Header Layout 3
        • Header Layout 4
        • Header Layout 5
        • Header Layout 6
      • Topbar Promotion - Vertical Scroll
      • Top Bar
      • Set Up Logo
      • The Block Under Header
      • Header Transparency
      • Sticky Header
      • Header Builder
        • By the WP Bakery
        • By the Elementor
    • Menus
      • Menus & Locations
      • Create New Menu
      • Config Mega Menu
        • How to set up Mega menu horizontal
        • How to set up Mega menu vertical
  • FOOTER
    • Footer Layout
      • Footer WP Bakery
        • Footer Light 1
        • Footer Light 2
        • Footer Light 3
      • Footer Widgets
      • Footer Elementor
    • Footer Builder
      • By the WP Bakery
      • By the Elementor
    • Mobile Footer
      • By the WP Bakery
      • By the Elementor
      • App Simulation Mobile Layout
      • Sticky Add To Cart
      • Mobile Bottom Bar
  • PAGE BUILDER
    • General
  • SHOP PAGE
    • Shop Layout
      • Shop Filter
      • Sidebar
      • Product Hover Styles
      • Product Card Styles
      • Pagination Layout
      • Breadcrumb
      • Filter by Levels - Product Group
      • Catalog Mode - Disable Add To Cart
    • WooCommerce
      • Template
      • Checkout Layouts
      • Woocommerce Settings
      • Adding Products
      • Mini Cart - Options
        • You may be interested in ... - Mini Cart
        • Change variation - Mini Cart
        • Quantity input - Mini Cart
        • Subtotal Items - Mini Cart
        • Note, Shipping, Coupon - Mini Cart
  • SINGLE PRODUCT
    • Product Sidebar
      • Sidebar Classic
      • Off – Canvas Sidebar
    • Single Product Images
      • Classic
      • Gallery Grid - Sticky Info
      • Gallery Grid 2
      • Slider - Full Width
      • Purchase Focus
      • Background Light
    • Product Features
      • Variation Swatches
      • Variation Swatches Styles
        • Style 1
        • Style 2
        • Style 3
        • Style 4
        • Style 5
        • Style 6
        • Style 7
        • Style 8
        • Style 9
      • Encourage purchases
        • Fake Sold, Virtual Sold
        • Bulk Discount - Buy more save more
        • Virtual Online Visitor
        • Estimated Delivery Time
        • Fake Purchase
      • Personalized Product
      • Bundle Product
      • Bought Together
      • Label (Badge) Product (NEW, HOT)
      • Product 360° Viewer
      • Video Thumbnail
      • Featured Product
      • Countdown
      • Brand Product
        • By Taxonomies
        • By Attributes
        • Convert Taxonomies -> Attrs Brand
    • Back in Stock Notifier
    • Extended Features
      • Ask a Question
      • Request a Call Back
      • Size Guide
      • Delivery & Return
      • Trust Badge - Guaranteed Safe Checkout
      • Social Share
      • Sale Notification
      • Sticky Add To Cart
      • Buy Now Background Color
    • Tabs Layout
      • Pin Product Describe
        • Banner Products
        • Banner Material
      • Product Specifications
      • Custom Tab
  • ELEMENTOR
    • Elementor Knowledge Base
    • Elementor Elements
      • Product
      • Product Masonry - Metro Shop
      • Product Categories
      • Product Special Deal
      • Groups
      • Product Slider Image
      • Banner
      • Products Banner
      • Pin Material Banner
      • Instagram Feed
      • Sliders
      • Brands
      • FAQs
      • Custom Block
      • Countdown
      • Gird Images Box
    • Advanced Features
      • Exit Intent Popup
  • WPBAKERY PAGE BUILDER
    • WPBakery Knowledge Base
    • WPBakery Elements
      • Products
      • Product Masonry - Metro Shop
      • Product Deal
      • Product Categories
      • Product Groups
      • Product Slider Image
      • Revo Slider
      • Banner
      • Slider
      • Brands
      • Product Banner
      • Material Banner
      • Compare images
      • Instagram Feed
      • FAQs
      • Coutdown Time
      • Service Box
      • Gird Images Box
  • Mobile Layouts
    • About Mobile Layout
      • Mobile Layout - Cache Plugins
      • Mobile Layout Mode
  • COMMON ISSUES AND FAQ'S
    • FAQ / Guide
      • How to import the data demo content additional
      • How to add the coupon to the cart sidebar
      • How to show top icon filter categories on all pages
      • How To Change Style and Colors
      • How to customize font size for Main menu
      • How to configuration the optimization WP Rocket basic
      • How to enable mode cache for Mobile
      • How to insert a new label or sale label to the mega menu
      • How to create Free Shipping for orders greater than a price
      • How to integrate Social Network login
      • How to fix bug text block on the WP Bakery Page Builder
      • How to fix Elementor Can not Add or Edit load
      • How to disable the mobile bottom navbar without affecting the mobile footer
      • How to add top (bottom) content on the catalog page
      • How to setting Home Page
      • How to override Product Categories Filter
      • How to fix Instagram Feed not working
      • How to upload custom fonts
      • How to add more page width
      • How to install the theme with the Duplicator plugin
      • How to enable Home Dark Version
      • How to change the breadcrumb background for all pages
      • How to add the number telephone show on the header
      • How to show more 3 variations on product grid
      • How to set gray background for Filters Sidebar
      • How to import slides
    • How long time get Support
    • How To Submit Ticket
    • License Questions
    • I can not import demo content
  • TRANSLATION
    • Translate Theme
    • Translate Plugin
    • Translation with WPML
    • Troubleshooting
  • DOKAN MULTI VENDOR
    • Installation and Setup
    • Installed Pages
    • Vendor Store
    • Vendor List
      • Vendor List v1
      • Vendor List v2
      • Vendor List v3
      • Vendor List v4
      • Vendor List v5
      • Vendor List v6
  • BLOG
    • General
    • Blog Elements
    • Blog Layouts
    • Blog Sidebar
Powered by GitBook
On this page
  • Here is the instruction you can follow if you desire to set up a mega menu horizontal for your site:
  • RESULT

Was this helpful?

  1. Header & Menu
  2. Menus
  3. Config Mega Menu

How to set up Mega menu horizontal

PreviousConfig Mega MenuNextHow to set up Mega menu vertical

Last updated 2 years ago

Was this helpful?

Here is the instruction you can follow if you desire to set up a mega menu horizontal for your site:

Step 1 - Simply, navigate to Appearance → Menu

Step 2 - Choose Main Menu and click Select button

Step 3 - Go to Shop (Our tutorial video shows an example with the menu item "SHOP"), You can do it similarly with other menus. Imagine that we have Shop and inside of it, we need to have four sub-menus. Click on Mega Menu and Full-Width option if you want to display the full-screen mega menu

Step 4 - Drag and drop to have 4 submenus

In addition, our theme is designed by default with 3 levels of sub-menu, if you want to display sub-menu with 4 levels , please insert the following code in / wp-content / themes / elessi-theme-child / functions .php:

function
add_filter ('nasa_max_depth_main_menu','custom_max_depth_menu');

function custom_max_depth_menu ($depth) {

return 4; // Return max depth menu - Default is 3
}

/* ====================== */

RESULT

Please change the number here if you want to up any sub-menu levels