❤️ Get Elements Kit ➜ wl.tools/mega-menu-elementor
🏆 #1 Content Generator ➜ gravitywrite.com/
🌐 The Best Place to Host your Website ➜ webspacekit.com/
👉 𝗚𝗲𝘁 𝟱𝟬% 𝗢𝗙𝗙 𝗢𝗡 𝘁𝗵𝗲 𝗦𝗨𝗣𝗘𝗥 𝗙𝗔𝗦𝗧 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗛𝗼𝘀𝘁𝗶𝗻𝗴 ➜ go.webspacekit.com/MegaMenu2022
✍️ 𝗚𝗲𝗻𝗲𝗿𝗮𝘁𝗲 𝗛𝗶𝗴𝗵-𝗤𝘂𝗮𝗹𝗶𝘁𝘆 𝗖𝗼𝗻𝘁𝗲𝗻𝘁 𝗤𝘂𝗶𝗰𝗸𝗹𝘆 ➜ 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 | gravitywrite.com/
🟡 📊 WebSpaceKit | 50% off | wl.tools/webspacekit
🟡 🌐 Hostinger|10% off | Coupon: WL10|wl.tools/hostinger
🟡 🔍 Grammarly|20% off|wl.coupons/Grammarly
🟡 📈 Mangools|10% off|wl.coupons/mangools
🟡 🖼️ Astra|10% off Coupon: WLDiscount|wl.coupons/Astra
🟡 📹 Pictory.ai | 20% off, Coupon: WLPROMO | wl.tools/pictory.ai
🙌 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹𝗹𝘆:
𝗪𝗲❜𝗿𝗲 𝗛𝗶𝗿𝗶𝗻𝗴: websitelearners.com/careers/
Want your website developed by us? Email us your requirements to contact@websitelearners.com
💬 𝗙𝗼𝗹𝗹𝗼𝘄 & 𝗖𝗵𝗮𝘁 𝘄𝗶𝘁𝗵 𝘂𝘀:
Instagram ➜ / websitelearners
Facebook ➜ / websitelearners
LinkedIn ➜ / website-learners
Негізгі бет Тәжірибелік нұсқаулар және стиль How to Create Mega Menu in Your WordPress Website
Пікірлер: 133