Logo – Header 6

[aphex73]

This appears to be a continual issue that I can’t get my head around.

I want to increase the size of the logo to around 200px width, but because of the column sizes this pushes the right column content out of the header.

How can I adjust the logo size within Header 6 to accommodate this larger logo width – for desktop/tablet? I don’t want to mess up the optimisation across the screen sizes.

Much appreciated,
Thank you!

[David Martin – Support]

Hi,

You can overwrite this via a child theme, we supply this in the main zip file from themeforest.

Please install and activate the supplied child theme. Inside the child theme create a folder structure: /template-parts/header/.

Inside the new folder structure copy the file header-4.php from the parent theme to the new child theme folder structure /template-parts/header/.

Inside the child theme file header-4.php, you can change the column grid from col-sm-4 to col-sm-3 for the right side div and increase the logo grid from 4 to 6 to increase the width.

Thanks.

[aphex73]

Thank you David,

But I was talking about Header 6.

How can I make it so that the logo is in the centre? The logo is 350px x 94px.

Would really appreciate this instruction.

<?php

/*
*
* Header 6 – Split Menu
* ————————————————
* Copyright Swift Ideas 2016 – http://www.swiftideas.com
*
* Output for header 6
*
*/

$nota_options = nota_get_theme_opts();
$header_left_output = nota_header_aux( ‘left’ );
$header_right_output = nota_header_aux( ‘right’ );
$fullwidth_header = $nota_options[‘fullwidth_header’];
?>

<header id=”header” class=”sticky-header clearfix”>
<?php do_action(‘nota_header_start’); ?>
<div class=”header-left”>
<?php echo $header_left_output; ?>
</div>

<div class=”container”>
<div class=”row”>
<div class=”split-menu menu-left col-sm-2″>
<?php echo nota_split_header_menu( ‘left’ ); ?>
</div>

<?php echo nota_logo( ‘col-sm-3 logo-center’ ); ?>

<div class=”split-menu menu-right col-sm-4″>
<?php echo nota_split_header_menu( ‘right’ ); ?>
</div>
</div> <!– CLOSE .row –>
</div> <!– CLOSE .container –>

<div class=”header-right”>
<?php echo $header_right_output; ?>
</div>
<?php do_action(‘nota_header_end’); ?>
</header>

[David Martin – Support]

Hi,

The header 6 file name is header-split.php. Please use the above instruction, header-4.php becomes header-split.php.

You can still amend the left/right column numbers as above to reduce the space.

Thanks.

[aphex73]

Hi,

The whole header does not centre when I do this. It is off-set to the left side?

<div class=”container”>
<div class=”row”>
<div class=”split-menu menu-left col-sm-3″>
<?php echo nota_split_header_menu( ‘left’ ); ?>
</div>

<?php echo nota_logo( ‘col-sm-6 logo-center’ ); ?>

<div class=”split-menu menu-right col-sm-3″>
<?php echo nota_split_header_menu( ‘right’ ); ?>
</div>
</div> <!– CLOSE .row –>

[aphex73]

This reply has been marked as private.

[David Martin – Support]

For me, it looks correct I think?

[aphex73]

This reply has been marked as private.

[David Martin – Support]

Hi,

The total columns can only amount to 12. You have 4+6+4=14. Please amend each to col-sm-4.

Then in your custom CSS, add this:

.full-center #logo {
    width: 33.333%;
}