Horizontal Big Mega Menus in WordPress 2023 - (Gutenberg)
ฝัง
- เผยแพร่เมื่อ 31 ก.ค. 2024
- In this Tutorial, we will see how to build a Horizontal WordPress Mega Menu in Gutenberg using Reusable Block Templates. Without any coding knowledge, we will make a Full-width Mega Menu in Gutenberg with icons, images, Media Gallery, Video, WooCommerce Products, Contact Forms etc. Everything just using The Plus Addons for Gutenberg Plugin.
Live Block Demo -theplusblocks.com/plus-blocks...
Exclusive Features
✅ Performance Optimized
✅ 100% Responsive
✅ WordPress Mega menu with icons
✅ WordPress Mega menu with images
✅ WordPress Mega menu plugin
✅ WordPress Mega with WooCommerce Products
✅ Mega Menu with Contact Form
⭐ Exclusive Mobile Menu for Gutenberg - theplusblocks.com/plus-blocks...
⏯️ Don't Forget to Subscribe to our TH-cam channel for ✨ The Latest Updates - th-cam.com/users/POSIMYTHInn...
⚡SUPERCHARGE YOUR WEBSITE NOW⚡ - theplusblocks.com/pricing
🔥 USE CODE " TH-cam10 " TO ENJOY 10% DISCOUNT 🔥
_______________________________________
Timestamps 🕐
0:00 Intro
2:28 Activating the Mega Menu Navigation Blocks
3:27 Using Nexter Theme Builder
4:33 Understanding Basics of Navigation Menu
12:35 Making Horizontal Mega Menu in Gutenberg
23:22 Styling the Horizontal Mega Menu
27:36 End Notes
_______________________________________
Important Links 🔗
▶️ Website - theplusblocks.com/
▶️ Join our Facebook Community - / theplus4gutenberg
▶️ Add your favourite feature on our Roadmap - roadmap.theplusblocks.com/
▶️ Hit Like on our Facebook Page - / tpagutenberg
▶️ Need Help with Blocks, refer our Docs - docs.posimyth.com/tpag
▶️ Enjoy Premium Support- store.posimyth.com/helpdesk
▶️ Check our Nexter Theme - nexterwp.com/
#GutenbergMegaMenu #HorizontalMegaMenu #WordPressTutorial - แนวปฏิบัติและการใช้ชีวิต
Getting the Site Navigation right is essential so that your users can find the correct page easily.
- People said, Gutenberg is limited ! Well then here is The Plus Addons for Gutenberg, Agree ❓
Plus blocks is cool
Thank you for this detailed tutorial (vertical one included). I would be eager to watch the upcoming tutorial for the mobile menu options as well.
Glad to hear that Zoltan,
Mobile menu video on the way 🚀🚀
It's very nice to have a mega menu in gutenberg. Thanks for your work on that topic! Nonetheless I've a few questions. How can i make the reusable block scrollable in the menu? For example when I've a contact form inside mega menu I want to make it vertically scrollable. The other suggestion would be to add a timing option for the fade out. I don't want the menu to disappear immediately when the mouse is move away from the menu item. Instead it would be nice if we could choose a time delay and only after that the Mega Menu would disappear. Hope you are further developing that feature! Thanks so far!
I am following this tutorial but when I get to Icon selection, there are no icons showing. What can I do?
Hello Gerald,
Please ensure Font Awesome Icons are enabled.
Please raise a ticket at helpdesk, if you require any further help.
navigation block does not have nav tag for seo
Hello Devmark,
yes, we do add nav HTML tag with our menu
how much does it cost
Hello,
Its starts at just $39.
Please check the demos - theplusblocks.com/plus-blocks/mega-menu/
And pricing - theplusblocks.com/pricing/