In this tutorial, we’ll show you how to create an Icon Navigation Menu using the DiviMenus Flex module from the DiviMenus plugin. This design features a responsive button-based layout, with a logo on the left and two rows of menu icons on the right.
By applying `flex: 0 0 calc(100% / 3);`, we ensure each row contains exactly 3 menu items. Want to adjust it? Simply change the value to `flex: 0 0 calc(100% / 4);` to fit 4 items per row—or adapt it as needed to match your design preferences!
With this setup, you’ll achieve a responsive, professional, and customizable menu that works seamlessly across all screen sizes. Perfect for enhancing your Divi-built websites!
Unleash your creativity and... Happy building! 🥳
---
WATCH ALSO:
👉 Sidebar Navigation - Reveal Titles on Hover with DiviMenus
[ Ссылка ]
👉 Revealing a Fixed Vertical Navigation from a Horizontal DiviMenu
[ Ссылка ]
👉 Reveal specific content when hovering custom buttons
[ Ссылка ]
Learn more:
[ Ссылка ]
Divi Marketplace
[ Ссылка ]
____
💜 DonDivi
We create premium tools for improving your creativity and simplifying the way to design stunning websites with Divi.
