For one of my recent projects, my client wanted to have their logo and menu swapped. So display the logo on the right hand side as oppose to left. This isn’t something you can easily customise in Divi unless you know some code.
Whilst this isn’t a common request for the projects I have worked on, it may come up for one of you guys developing a website using the Divi theme.

The code I used to achieve this swap was:

/*Swap Logo and Menu around*/
#logo {float:right; margin-top: 4px;}
#et-top-navigation {float: left; padding-left: 0px !important;}

You may have to adjust the logo margin-top to suit your design and vertically align the logo.

Was this article helpful?