Divi Toolbox – Divi mobile menu done right and more

So why don’t I just use a different theme then? Well, there are some things that only work in the Divi theme. For example, I like to stick the module settings panel to the left.
Can’t do that in another theme. I also always change the default colors in the color picket to match the project colors. Can’t do that either with another theme.
And I add code in the integration tab regularly (e.g. Google Analytics so I don’t have to use a plugin for that) etcetera. So yeah, I’m kindda stuck with the Divi theme.

Divi mobile menu done right

One of the main flaws in Divi is the lack of a proper mobile menu builder. Sure, the default mobile dropdown does the job, but it’s not customizable at all. Divi Toolbox gives you the power to design the mobile menu exactly the way you want it.

Do you want your mobile menu to slide in from the right, like most modern themes do?
Divi Toolbox let’s you do that. Rather have it fade in? No problem. Scale in, flip in from the left, swing in from the bottom? Sure. And you can even choose another effect to close the menu.

You can also choose the way the hamburger icon changes to an X (another thing that’s missing in Divi), and style the hamburger the way you want. Not just the color and size of it, but even the thickness of the hamburger stripes and how far they’re apart.

Another problem with the default Divi mobile menu is that all submenu item are visible by default. If you have a lot of submenu items, the menu becomes totally unusable. With Divi Toolbox, you can choose to collapse the submenu items by default, as I did in the screenshot on the left.

One of my favorite features though is that you can add anything you want in the mobile menu. There are a few popular things you can just switch on, like a search bar, social media icons and shopping cart, but you can also add a widget area above and below the menu itself 😮

Which brings me to the next Divi Toolbox feature you’re gonna love… but not before I’ve told you that Divi Toolbox let’s you set your own mobile breaking point ( 😮 again).

By default, Divi switches to the mobile menu at 980px, but with Divi Toolbox, you can set that to any breaking point you want. That way, you can show the mobile menu on tablet in landscape view as well
(or even on desktop too if you want), or keep the desktop menu in tablet portrait view.

Use Divi layouts everywhere

To begin with, you can put any Divi layout in a widget. And like I’ve written above, you can add widgets to your mobile menu… so you can add any Divi layout to the mobile menu!
But that’s not all… you can also use the shortcode to add any layout to another module, like the toggle module or tabs module!

Enhance the default header and footer

For the footer, you can stick it to the bottom, hide it until the user scrolls down and customize the back to top button.

Pimp your blog

Other Divi Toolbox features

• Change the number of columns on tablet and mobile by adding a CSS class: by default, Divi will make all columns full width on mobile. Most of the time, that’s a good idea,
  but sometimes you would rather keep 2, 3 or 4 columns on mobile. With Divi Toolbox, you can just add a class to the row where you want to keep multiple columns and you’re done.
• There’s also a CSS class to change the column order on mobile for a specific row.
• If you set a parallax effect for a background on desktop, you can add a CSS class to keep that on mobile as well.
• There’s a switch to hide the projects post type. I never use the projects post type so that’s a welcome addition. You can also change the “projects” name to something else.
• You can upload custom font types in Divi, but for security reasons, you can’t upload TTF and OTF files by default. Divi Toolbox has a switch to allow those.
• The same goes for SVG files.
• There’s a cool particles background option that responds to the visitors mouse or finger, and a cool 3D tilt on hover effect.
• Divi Toolbox lets you style the scrollbar of your website.
• You can also use a Divi layout as a popup, but only on click – no automatic triggers like time delay, scroll percentage or exit intent.

Divi Toolbox Pricing

Alternatively, you could buy a licence on Divi Marketplace for $ 89 per year, with unlimited websites and support.

Conclusion

With the introduction of the Divi Theme Builder, most features in plugins like this became obsolete. I can add a CTA button to the header in the theme builder as well, stick the footer to the bottom too, customize the blog and single post template etcetera. But for most websites, the default Divi header, footer and blog layouts are fine – especially if you tweak them a bit. And tweaking them with a plugin like Divi Toolbox is a lot faster than building all those elements in the theme builder yourself.

For me personally however, the Divi mobile menu builder alone was enough reason to buy a licence. Everything else is just a bonus to me 🙂
And the user Interface is just as beautiful as the Divi Toolbox website (click on the “view demo” link), which is made with just Divi and Divi Toolbox – no other plugins or custom CSS.