Overlapping Logo Effect

Missing feature?

If there is a feature or option you feel is missing, feel free to get in touch! We’ll do our best to include it in the future Divi Toolbox version!

Maybe you’ve found a plugin setting that is not included in our documentation – please let us know.


Toolbox Customizer  Header  Overlapping Logo Effect


If your website logo is long and narrow, then this feature is perfect for you. Once enabled, it will allow you to control the “Logo Box” appearance in the Toolbox Customizer.



Here’s the list of all the settings you can easily change:

  • Logo box background color (can stay transparent)
  • Add box shadow (define offset-x, offset-y, blur size, and shadow color)
  • Logo box width
  • Logo box height
  • Logo box width when fixed
  • Logo box height when fixed
  • Logo box padding
  • Logo box border radius


Plase note:

This effect applies to the default Divi navigation. If you are using a custom Theme Builder Header and you’d like to use the Overlapping Logo Effect in Menu or Fullwidth Menu module – navigate to module Settings ➜ Advanced tab ➜ CSS ID & Classes ➜ CSS Class and add a custom class of: dtb-menu

Hi there!

If you have any questions or would like to get in touch, please fill the form below and we’ll get back to you as soon as possible.

Did you know?

You can create popups and effects like this one with Toolbox! It's so easy!

Ahhh yes!

You officially know the power of the irresistible 3D Button :D

You can easily design Popups like this one using Toolbox and Divi Builder!

Did you know?

Do you like this landing page? Does it look pretty advanced? Well, guess what! We didn’t use even a tiny bit of custom CSS or JavaScript to build it. All the awesome effects have been created using the Divi Toolbox!


Choose the plan to suit your needs