Changing the custom Header Size in Executive Pro Theme

Community Forums Forums Design Tips and Tricks Changing the custom Header Size in Executive Pro Theme

This topic is: resolved

This topic contains 6 replies, has 4 voices, and was last updated by  deck2deck 7 months, 3 weeks ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #97582

    smcdonell
    Member
    Post count: 5

    Hey Guys,

    I’m trying to extend the width of the custom header in the Executive Pro Theme on the top left hand side to show my logo. I’ve gone into the functions.php and the style.css files to reflect the image size to show 460 x 100 instead of the default 260 x 100. I’ve uploaded the new logo but when I go back to the site to see the changes it’s still only shows the 260×100 header size hence my new logo is cut off.
    Is there something I’m missing here? Is it possible to extend the width of the header to make it come closer to the Header Right widget area? Any help would be much appreciated. Cheers.

    Stephen McDonell

    http://www.mcdonellitservices.com.au
    #97584

    loudivers
    Member
    Post count: 14

    Try to find this in your function.php

    [php]
    //* Add support for custom header
    add_theme_support( ‘custom-header’, array(
    ‘width’ => 320,
    ‘height’ => 60,
    ‘header-selector’ => ‘.site-title a’,
    ‘header-text’ => false
    ) );
    [/php]

    you should be able to edit your size here.

    #97585

    loudivers
    Member
    Post count: 14

    you may also need to find this line in your style.css and edit it

    [css]
    .title-area {
    float: left;
    padding: 18px 0;
    width: 320px;
    }
    [/css]

    #97587

    loudivers
    Member
    Post count: 14

    you may need to edit the size of the header widget area by looking for something like this in your style.css
    [css]
    .site-header .widget-area {
    float: right;
    text-align: right;
    width: 800px;
    }
    [/css]

    try using firebug or something similar to help you find what needs edited

    • This reply was modified 8 months ago by  loudivers.
    • This reply was modified 8 months ago by  loudivers.
    #97848

    mtshasta
    Participant
    Post count: 16

    I have the same issues. Header size is 800×120
    I made these changes, but the results don’t show – http://nohrsautobrokers.com
    Only a small portion of the header is showing.

    We are not planning to use the widget area, but if we put in the search field, what is the maximum width allowable for the header?
    Thanks

    (1) functions.php:
    //* Add support for custom header
    add_theme_support( ‘custom-header’, array(
    ‘width’ => 800,
    ‘height’ => 120,
    ‘header-selector’ => ‘.site-title a’,
    ‘header-text’ => false
    ) );

    (2) styles.css
    .site-header {
    margin: 0 auto;
    min-height: 120px;
    width: 100%;
    }

    (3) styles.css:
    .title-area {
    float: left;
    width: 800px;
    }

    (4) styles.css:
    .site-header .widget-area {
    float: right;
    text-align: right;
    width: 100px;
    }

    #97982

    smcdonell
    Member
    Post count: 5

    Thanks guys for the information. I’ve got this nutted out I’m pretty sure but the only problem I’m having now is when the results are shown on the ipad the formatting shows differently obviously because of the screen size of the ipad. Is there a plugin or coding i can add that will allow the formatting to show exactly the same as it does on a pc? Cheers.

    #98799

    deck2deck
    Participant
    Post count: 14

    smcdonell: Try this post, he mentions changing values (after changing the default header size) to make the new header mobile responsive: http://wpsites.net/web-design/add-full-width-header-image-to-executive-pro-theme/

    Hope it works, good luck!

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Changing the custom Header Size in Executive Pro Theme’ is closed to new replies.