Full Header Image

[Thalinor]

Picture is worth a thousand words. See attached photo.

When I use a smaller logo we have for our association, it looks great. Unfortunately when I use a full sized banner logo it shrinks it which is not what we want. Is there a way to get the banner across the entire header, so the image is behind the menu text?

When I inspect the element its called “header.row”. I would like the image logo to take up this area.

Thank you in advance.

[Thalinor]

Another example, showing the small logo working, but not what we want. There is an example of what we are trying to get the header to look like too.

Again, thank you!

[Cosmin – SUPPORT]

Hi,

The header area isn’t designed fora full-width banner by default.

You would need to edit header.php yourself and adjust the classes for the logo and navigation wrappers:

1) LOGO

Line 304, change this:

<div id="logo" class="span3 clearfix">

to this:

<div id="logo" class="span12 clearfix">

2) MENU

Line 312, change this:

<div id="nav-section" class="<?php echo $nav_class; ?> span9 clearfix">

to this:

<div id="nav-section" class="<?php echo $nav_class; ?> span12 clearfix">

That will make both the logo and the navigation container full width.

Unfortunately, since the theme isn’t designed for this purpose, you will need to re-do this each time after updating it.

Regards,
————————————————————————————————————

Cosmin – Support

[Thalinor]

Sorry for the late response;

Thank you!

[Thalinor]

One last thing. Not sure if its possible.

Photo attached.

Second, FYI for anyone else who is looking to do the same, Follow the above AND:

Under the same Header.php

<!–// OPEN #mini-header //–>

<div id=”logo” class=”span6 clearfix”>

and

<div class=”mini-nav-wrap span6 clearfix”>

I don’t remember the original span under Mini-Header but changing them to both to 6 has made the mini-header look correct instead of squished. You may need to play with these two numbers if you have a lot of menu options, but this seemed to work for me.

[Cosmin – SUPPORT]

I think it would be possible, can I please see your site so I can test?

Regards,
————————————————————————————————————

Cosmin – Support

[Thalinor]

This reply has been marked as private.

[Cosmin – SUPPORT]

Team members order: http://wordpress.org/plugins/post-types-order/

Menu positioning – add this custom CSS in the General theme options:

#nav-section {
    float: right !important;
    position: relative;
    right: 20px;
    top: -60px;
    width: auto !important;
}

Regards,

————————————————————————————————————

Cosmin
Support Assistant