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.
This was what I was looking for. Thank you for the useful tutorial!
Glad it helped!
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.
I have juist added it in the style.css of the child theme and it works!
THANKS!
Bram
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?