Increasing height of Executive Pro header

Community Forums Forums Design Tips and Tricks Increasing height of Executive Pro header

This topic is: not resolved

This topic contains 7 replies, has 2 voices, and was last updated by  gpsmapper 10 months, 2 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #67343

    gpsmapper
    Participant
    Post count: 4

    Hi,

    I’m trying to increase the height of the Executive Pro header to accommodate a 335×185 px logo. I have changed the custom header width and height settings in functions.php and style.css to 335×185, but it didn’t quite work out. Can anyone take a look and offer a suggestion? Here it is: http://sundownwt.staging.wpengine.com/

    http://sundownwt.staging.wpengine.com/
    #67347

    Erin Ulrich
    Participant
    Post count: 56

    The width of your .title-area plus the .site-header .widget-area exceeds the total .site-container width of 1140px. You’ll need to adjust the width of the header widget area to accommodate your new logo width.


    Erin Ulrich | Design by Insight | @erinulrich

    #67406

    gpsmapper
    Participant
    Post count: 4

    Thank you so much for taking the time to respond.

    Since the new logo is 75 px wider, I increased the .title-area by 75 px and decreased the .site-header .widget-area by 75 px. I also changed the .header-image .site-title minimum height to 185px, to accommodate the new logo image.

    It looks better, but I still can’t see the right side of the new logo… http://sundownwt.staging.wpengine.com/

    #67407

    Erin Ulrich
    Participant
    Post count: 56

    The .header-image .site-title a is still only 260 px wide. Change that and it should do the trick!


    Erin Ulrich | Design by Insight | @erinulrich

    #68014

    gpsmapper
    Participant
    Post count: 4

    Thanks Erin. That bumped the title down. I tried decreasing the width of the .site-header .widget-area but it didn’t help… http://sundownwt.staging.wpengine.com/

    #68017

    Erin Ulrich
    Participant
    Post count: 56

    What size is your browser window? It is showing up fine now on my 12″ MacBook Pro. But if I shrink the width of my window, it does push the title down below the logo since the theme is responsive. Any chance that’s what is happening for you?


    Erin Ulrich | Design by Insight | @erinulrich

    #68019

    gpsmapper
    Participant
    Post count: 4

    Duh! Yep, that was it. Sheesh! Now I’ll see if I can figure out how to
    bump the title font size.

    I really appreciate your help. I’m trying to learn Firebug and it’s got quite the learning curve!

    #68179

    gpsmapper
    Participant
    Post count: 4

    It ended up looking pretty good, but something weird is going on as I shrink the window between 1200 and 1000 px. Above and below that it seems to work fine though.

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

You must be logged in to reply to this topic.