Dear Vincent:

As you may have noticed already that topbar should be placed before the beans header structure. If you enable Beans development mode on your sandbox and then inspect the code, you'll see that the data-markup-id attribute on the header tag has "beans_header" as value:

<header class="tm-header uk-block" role="banner" itemscope="itemscope" itemtype="https://schema.org/WPHeader" data-markup-id="beans_header">

so, using that as a guide, you can hook your topbar markup into beans_header_before_markup just by doing:

beans_add_smart_action( "beans_header_before_markup", "display_topbar" );

function display_topbar() {

    // Topbar markup here...


Remember that code should be placed in yours theme's functions.php file. Also, read this article if you want to learn more about Markup and attributes in Beans.

Have a good coding time!


Write a reply

Login or register to write a reply, it's free!