Two columns in header

[bassjobsen]

How should I properly create two column for header. Left column is for the logo and the right column is for the social icons and contact.

[bassjobsen]

I have studied you question about to columns in the header. You can do this at the moment:

In your function.php (child theme) write:

add_action('jbst_child_settings','sample_jbst_child_settings');
function sample_jbst_child_settings()
{
    define('navbar_background_color','');
    define('logo_image_position','outside-nav');
    define('logo_image', get_stylesheet_directory_uri().'/logo.png');
}   

function jbst_logooustside_theme()
{
    return get_template_part( 'content', 'beforeheader');
}

add_filter('jbst_logooustside','jbst_logooustside_theme');

return get_template_part( 'content', 'beforeheader'); calls a template content-beforeheader.php:

<?php
$extraclasses = apply_filters('jbst_logooustside_classes',array());
?>
<div class="container">
    <div class="row">
        <div class="<?php echo JBST_GRIDPREFIX; ?>6 logo-outside-nav container <?php echo (($extraclasses)?' '.implode('',$extraclasses):'')?>"><?php echo jbst_logo(); ?></div>
        <div class="<?php echo JBST_GRIDPREFIX; ?>6">socialmedia</div>
    </div>
</div>

Does this make sense for you? Please let me know.

Note the current header.php calls jbst_header, with:

//in jbst-header-functions.php

 * @hooked jbst_doc_type - 9 
 * @hooked jbst_doc_title - 20 
 * @hooked jbst_head_after - 30 
 * @hooked jbst_body_open - 40 
 * @hooked jbst_main_navbar - 50 
 * @hooked jbst_top_content_wrapper - 60

So in an alternative solution will be to do:

add_action('jbst_header','extrarow',45);
function extrarow()
{
    return '<div></div>';
       // or
       // return get_template_part( 'content', 'beforeheader');
}

Good question! Helps me too. I realize now we need more specific header hooks in future versions.

[bassjobsen]

The header should be more flexible. I found many use cases, where these two columns seems useful. But this columns should also contain optional e-commerce and login buttons.

Example of a simple header which can't build,without hooks and actions ,with the current header function: