Divi Toolbox ➜ Mobile ➜ Mobile Menu Breakpoint
We’re sure you’ve come across this issue: sometimes, if you have complex navigation with a lot of items, and the screen size is small, menu items overlap the second line, and logo get’s bigger. It’s a huge mess.
Now you can easily enter a different browser width at which the main navigation will switch to the hamburger style mobile version. By default it’s 980px, but you can change it to a higher (wider screen) or a lower (narrower screen) number. Just enter the breakpoint that fits your project and you’re done!
Please note: if you are using a new Theme Builder header, the custom CSS class of dtb-menu needs to be added to the Menu or Fullwidth Menu module settings in order for the custom breakpoint to work.