Icon Navigation Menu with DiviMenus Flex

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 https://www.youtube.com/watch?v=jCR_xbG7EGY 👉 Revealing a Fixed Vertical Navigation from a Horizontal DiviMenu https://www.youtube.com/watch?v=A4w4rd_mhMI 👉 Reveal specific content when hovering custom buttons https://www.youtube.com/watch?v=0S7JGugHXeY Learn more: https://dondivi.com/documentation/divimenus-flex-doc/ Divi Marketplace https://www.elegantthemes.com/marketplace/author/dondivi/ ____ 💜 DonDivi We create premium tools for improving your creativity and simplifying the way to design stunning websites with Divi.