Solved How can I add/embed html code to header elements?

Hey Odhiambo,

This post describes how to add text / html to the top bar (item 1 in your screenshot):

https://divibooster.com/how-to-add-text-to-divi-top-header/

Item 2 and 3 are trickier. Probably the best way to achieve what you want would be to recreate your header (both the top bar and main header bar) using the Divi Theme Builder (WP Admin > Divi > Theme Builder). The theme builder lets you use a full Divi builder layout for the header and so you can lay things out how you want them (with sections, rows, and columns) and use code modules to add your Google Translator html. For the social icons you can use the social media follow module, and for the menu / logo you can use a menu module.

 

That code is PHP code, which isn't allowed. But you don't need to use the PHP code to process the shortcode - the top header text feature can handle shortcodes. So you should just be able to just directly enter the shortcode into the setting, i.e.:

Code:

Log In or Sign Up to view this code.

Note that there was an improvement to shortcode handling in the top header text released in Divi Booster v4.0.2, so if it doesn't work correctly, try updating Divi Booster (the current version is v4.6.1) and see if that helps.

Give me a shout if you need any further help with it. Thanks!

 

Great! Thanks for letting me know, Odhiambo