One of the first things people notice on a website is the site’s logo. When developing a header, making sure the logo is prominent and functional is key. In this How To, I’ll show you how to navigate the surprisingly tricky process of adding a logo to Beaver Builder’s themer header.
Since release 4.5, WordPress developers have enjoyed custom logo support via the Customizer. Just enable theme support in functions.php and upload in the Customizer tab. Some theme frameworks like Genesis had similar features long before 4.5. Beaver Builder’s theme has support for custom logos as well, but it gets complicated if you’re using the Beaver Themer plugin.
No Custom Support
If you use Beaver Themer to build your header, and if you’re using Beaver Builder there’s a good chance you are, there is no support for custom logos. You can still upload one, but it gets ignored. To add a logo, you have to do it manually.
Before you add in the logo, you need to delete your site title heading. That may seem counter-intuitive, but it’s the only way to clear room for the logo.
Next, you’ll need to add in a Photo module in place of the heading.
That’s it. Your logo is in place, and you’re ready to go.
Where’s the complication I promised, you ask? Perhaps complication isn’t the right word. Compromise is a better choice, because you’re sacrificing an H1 tag in the header. But in reality, it probably shouldn’t be an H1 anyway. I’ll defer to SEO experts on that one.
Either way, Beaver Builder is forcing you into extra steps instead of just allowing the Custom Logo support to override a logo area in the Themer. That’s enough of a complication that I had to do some Googling and in the end write this short How To. If it helps, let me know in the comments below.