This Divi tutorial will show you how to make the logo image taller with CSS to overlap the Divi Menu module.

Blog Post + Snippets: [ Ссылка ]

If you want your logo to be taller than your menu, you can do this very easily in Divi. There are quite a few tutorials out there about how to do this with the old default header, and each one is different and none of them apply to the new Menu module that you need to use when you use the Divi Theme Builder. So today in this Divi tutorial I will show you how to make the logo overlap the Divi Menu module. This makes nearly 30 tutorials in our Divi Menu module series! And just for good measure, I'll give you a snippet to do this same thing to the default menu as well.

This tutorial is very easy because it only takes a tiny bit of CSS code and we can add it directly into the Menu module. So go head and go to your Theme Builder header or wherever else you have the Menu module, and open the settings. Go to the Advanced tab, open the Custom CSS toggle, and find the Menu Logo CSS box. This is where you can type or paste the CSS to make the logo image overlap the menu. You can use any value you want, but in our video I am using -30px margin top and bottom. But of course, this is meant to be customized for your logo height, menu height, or whatever your situation happens to be.

Become a member of our Divi Adventure Club!
[ Ссылка ]

Join The Divi Teacher Facebook group: [ Ссылка ]

Visit our Divi child themes, plugins, tutorials, and courses here: [ Ссылка ]

Thanks for watching!

свернуть