Ever wanted to use a Full-Width Menu in a Full-Width Section and found it weird that you couldn’t add a logo? From roaming the Elegant Themes support forum, I know that this has been a feature that’s been on many people’s wish lists. I don’t know when Elegant Themes will add this feature to the Divi Builder, so, for now, we will have to find a workaround.
After looking at the few resources I found, I decided to come up with my own solution. No plugin needed, no need to mess with the functions.php or even adding script to your websites header. A little HTML and CSS will do the trick.
Watch the tutorial and let me know in the comments how this tutorial helped you. Below you will find the little bit of CSS that I used for this tutorial.
Here’s the bit of code for your convenience to add a logo to your full-width menu in Divi.
Note that you can give your class any ID you want. But these are safe, as they don’t mess with any other attributes.