Creating The Advanced Elegant Themes Dropdown Menu with Divi’s Theme Builder
Ever since Divi’s Theme Builder has come out, the way we design headers and footers throughout our websites with Divi has become easier than ever. Everything can be customized and you can obtain the exact menu you have in mind without ever having to leave the intuitive Divi environment. Now, at a certain point, you might have come across the Elegant Themes dropdown menu on our website. This dropdown menu is a more advanced type of mega menu that creatively combines icons, text and CTAs. This allows visitors to visually navigate through the different products that are provided. It also translates into a beautiful nested menu on smaller screen sizes.
In this tutorial, we’re going to show you how to recreate this advanced Elegant Themes dropdown menu inside Divi’s Theme Builder. We’ll combine the best of both worlds; we’ll use the built-in Divi elements to create the foundation of our dropdowns and combine it with some code that places the dropdowns inside the WordPress menu. You’ll be able to download the JSON file for free as well!
Go to the blog post:
https://www.elegantthemes.com/blog/divi-resources/creating-the-advanced-elegant-themes-dropdown-menu-with-divis-theme-builder
Get the second theme builder pack for Divi
https://www.elegantthemes.com/blog/divi-resources/download-the-second-free-theme-builder-pack-for-divi
If you don't have Divi yet, you can learn more about this powerful theme on our website using the link below:
https://www.elegantthemes.com/gallery/divi/
Want to give back to the community? Share your empowering knowledge, skills, experience, and creativity on the Elegant Themes blog by contributing:
https://www.elegantthemes.com/blog/community/elegant-themes-blog-submissions
Видео Creating The Advanced Elegant Themes Dropdown Menu with Divi’s Theme Builder канала Elegant Themes
In this tutorial, we’re going to show you how to recreate this advanced Elegant Themes dropdown menu inside Divi’s Theme Builder. We’ll combine the best of both worlds; we’ll use the built-in Divi elements to create the foundation of our dropdowns and combine it with some code that places the dropdowns inside the WordPress menu. You’ll be able to download the JSON file for free as well!
Go to the blog post:
https://www.elegantthemes.com/blog/divi-resources/creating-the-advanced-elegant-themes-dropdown-menu-with-divis-theme-builder
Get the second theme builder pack for Divi
https://www.elegantthemes.com/blog/divi-resources/download-the-second-free-theme-builder-pack-for-divi
If you don't have Divi yet, you can learn more about this powerful theme on our website using the link below:
https://www.elegantthemes.com/gallery/divi/
Want to give back to the community? Share your empowering knowledge, skills, experience, and creativity on the Elegant Themes blog by contributing:
https://www.elegantthemes.com/blog/community/elegant-themes-blog-submissions
Видео Creating The Advanced Elegant Themes Dropdown Menu with Divi’s Theme Builder канала Elegant Themes
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![How to Create a Custom eCommerce Mega Menu with Divi’s Theme Builder](https://i.ytimg.com/vi/FY0-M9myxw0/default.jpg)
![Divi header design - Divi 4.0 theme builder tutorial](https://i.ytimg.com/vi/UABdOJQ3pdo/default.jpg)
![How To Make A Wordpress Website | Divi 4.0 Tutorial](https://i.ytimg.com/vi/t3tq6aT_z5I/default.jpg)
![How to Build a Stagger-Animated Hamburger Menu with Divi & Anime.js](https://i.ytimg.com/vi/zrEOrDcwC_8/default.jpg)
![6.3 Style The Mobile Menu in the Divi Theme Builder](https://i.ytimg.com/vi/_LKpZ45k8-I/default.jpg)
![How to Replace the Primary Menu Bar with Divi’s Fullwidth Menu Module](https://i.ytimg.com/vi/716IOn8mUCg/default.jpg)
![How to Create a Dropdown Menu Button Using Divi’s Fullwidth Menu Module](https://i.ytimg.com/vi/8U4eUj62VJU/default.jpg)
![](https://i.ytimg.com/vi/h7OkN2UgOC0/default.jpg)
![How To Make A WordPress Website 2021 | Divi Theme Tutorial 🔥🔥](https://i.ytimg.com/vi/RvehqgXKvmM/default.jpg)
![How to Create a Custom 404 Page - Divi theme builder](https://i.ytimg.com/vi/aJ_Zhb3Cj-c/default.jpg)
![How To Make A Wordpress Website 2020 | Divi Theme Tutorial🔥(DIVI 4.0)🔥](https://i.ytimg.com/vi/vY_19T4jCSA/default.jpg)
![Introducing Divi Condition Options!](https://i.ytimg.com/vi/AM4slNGJ2QI/default.jpg)
![How to use the Divi Fullwidth Slider (Divi Theme Tutorial)](https://i.ytimg.com/vi/VC3o3d7jc98/default.jpg)
![How to Create a Custom Global Header with Divi’s Theme Builder](https://i.ytimg.com/vi/Wx6bTxiOmRc/default.jpg)
![How To Create A Divi Mega Menu (Without Plugins)](https://i.ytimg.com/vi/WiZMjLG04jo/default.jpg)
![Comment Créer Un Slider Avec DIVI ?](https://i.ytimg.com/vi/kogYE2GtbQg/default.jpg)
![How to Shrink Your Global Header’s Size When Scrolling with Divi’s Theme Builder](https://i.ytimg.com/vi/oIKTWqUlD98/default.jpg)
![All Divi Modules Overview incl. CSS Tricks - Part 1](https://i.ytimg.com/vi/CHUOrZbtE-E/default.jpg)
![How to Create a Popup in Divi WITHOUT a Plugin (Easiest Method!) 🥳](https://i.ytimg.com/vi/6MzT0wWU13M/default.jpg)
![Divi vs Elementor Pro | In-Depth Comparison](https://i.ytimg.com/vi/GWMG0mIWZm8/default.jpg)