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 post helpful?
Let me know if you liked the post.
It worked, however on phone view the logo is out of center. How can i fix this?
you probably need to adjust your margins to show as you want it to.
Hi everyone,
I’m not sure whether you’ll still pick up this message but just wanted to ask if anyone has experience of adding two logos to the header? I would like to add one on left and another on the right.
Do you know if this is possible or how I could get around this?
I have juist added it in the style.css of the child theme and it works!
THANKS!
Bram
It worked on my homepage, unfortunately not on the other pages.
Any advise??
(www.teamforce.com)
Where did you add your code? Did you add it to your stylesheet.css or elsewhere?
Hi Catarina,
Thanks for the early reply.
I added it in the DIVI > Theme Options >> GEneral >>> Custom CSS.
This was what I was looking for. Thank you for the useful tutorial!
Glad it helped!