How to Create Mega Menu in Your WordPress Website

❤️ Get Elements Kit ➜ https://wl.tools/mega-menu-elementor
🏆 #1 Content Generator ➜ https://gravitywrite.com/
🌐 The Best Place to Host your Website ➜ https://webspacekit.com/

👉 𝗚𝗲𝘁 𝟱𝟬% 𝗢𝗙𝗙 𝗢𝗡 𝘁𝗵𝗲 𝗦𝗨𝗣𝗘𝗥 𝗙𝗔𝗦𝗧 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗛𝗼𝘀𝘁𝗶𝗻𝗴 ➜ https://go.webspacekit.com/MegaMenu2022

✍️ 𝗚𝗲𝗻𝗲𝗿𝗮𝘁𝗲 𝗛𝗶𝗴𝗵-𝗤𝘂𝗮𝗹𝗶𝘁𝘆 𝗖𝗼𝗻𝘁𝗲𝗻𝘁 𝗤𝘂𝗶𝗰𝗸𝗹𝘆 ➜ https://gravitywrite.com/


🎬𝗧𝗮𝗯𝗹𝗲 𝗼𝗳 𝗰𝗼𝗻𝘁𝗲𝗻𝘁𝘀

0:00 Intro

0:55 Install a plugin

1:50 Create separate header section

4:09 Enable mega menu

7:15 Display mega menu in full width


📌 𝗙𝗼𝗹𝗹𝗼𝘄 𝘁𝗵𝗲𝘀𝗲 𝘀𝗶𝗺𝗽𝗹𝗲 𝘀𝘁𝗲𝗽𝘀


Step 1: Install a plugin

Go to your WordPress dashboard ► plugins ► Add New

Now search for Elements kit and install & Activate the plugin

Install Elementor plugin by clicking ‘Install Elementor’


Step 2: Create separate header section,

Go to Elements kit ► Header Footer ► Add New

Enter your section name and activate it, click ‘Edit Content’,

Now to design your header section, first click layout icon ► Sections ► Category ► Header

Now select your header section, see the preview and click ‘Insert’

You can see the layout, to add your menu, click on empty section

And select the menu you want to display on your header,

To add main menu select ‘Main menu’,

Add your logo by clicking on the pencil icon near logo,

Once done, click update.


Step 3: Enable mega menu

Go to WordPress dashboard ► Appearance ► Menu, enable Elements Kit mega menu

Now select the page you want to add mega menu, click on it & enable mega menu

Click Edit mega menu ► Layout Icon ► Sections ► Category ► Mega menu

Now click Insert on your design, to add your pages click on it add your pages,

Once done, click Update ► Save ► Save Menu

To display mega menu in full width,

Go to WordPress dashboard ► Appearance ► Menus

Click on the page you added mega menu, ► Settings ► Full width ► Default ► Save


This is how you can create a mega menu and add it to your website.


🎁 𝗧𝗼𝗼𝗹𝘀 & 𝗗𝗶𝘀𝗰𝗼𝘂𝗻𝘁𝘀

🟡 📋 GravityWrite | https://gravitywrite.com/
🟡 📊 WebSpaceKit | 50% off | https://wl.tools/webspacekit
🟡 🌐 Hostinger｜10% off | Coupon: WL10｜https://wl.tools/hostinger
🟡 🔍 Grammarly｜20% off｜https://wl.coupons/Grammarly
🟡 📈 Mangools｜10% off｜https://wl.coupons/mangools
🟡 🖼️ Astra｜10% off Coupon: WLDiscount｜https://wl.coupons/Astra
🟡 📹 Pictory.ai | 20% off, Coupon: WLPROMO | https://wl.tools/pictory.ai


🙌 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹𝗹𝘆:

𝗪𝗲❜𝗿𝗲 𝗛𝗶𝗿𝗶𝗻𝗴: https://websitelearners.com/careers/

Want your website developed by us? Email us your requirements to [email protected]


💬 𝗙𝗼𝗹𝗹𝗼𝘄 & 𝗖𝗵𝗮𝘁 𝘄𝗶𝘁𝗵 𝘂𝘀:

Instagram ➜   / websitelearners  
Facebook ➜   / websitelearners  
LinkedIn ➜   / website-learners