A lot of times when I build websites using Divi by Elegant Themes, the logo I upload is sort of pixelated and edgy. This happens when you use a much larger image for your logo that Divi then scales down to fit within the header you’ve created. While there are other methods to ‘fix’ this issue, such as using an exact size logo for how it will appear, I find this method is acceptable to me.
It’s actually a simple fix. Just a single CSS declaration is all that is needed.
1. Log in to your WordPress site
2. Go to theme customizer OR Divi Theme Options (scroll to the bottom –> Custom CSS)
3. Copy and paste in CSS code below into the additional CSS panel and save it out.
#logo {-webkit-transform: initial;}
This will make your logo less-pixelated and appear smoother.