StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Increasing height of Executive Pro header

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

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

This topic is: not resolved

Tagged: , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 18, 2013 at 9:53 am #67343
    gpsmapper
    Member

    Hi,

    I'm trying to increase the height of the Executive Pro header to accommodate a 335x185 px logo. I have changed the custom header width and height settings in functions.php and style.css to 335x185, 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/
    October 18, 2013 at 10:23 am #67347
    Erin Ulrich
    Participant

    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 | Genesis Recommended Developer | Design by Insight

    October 18, 2013 at 1:41 pm #67406
    gpsmapper
    Member

    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/

    October 18, 2013 at 1:46 pm #67407
    Erin Ulrich
    Participant

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

    Erin Ulrich | Genesis Recommended Developer | Design by Insight

    October 21, 2013 at 7:19 am #68014
    gpsmapper
    Member

    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/

    October 21, 2013 at 7:29 am #68017
    Erin Ulrich
    Participant

    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 | Genesis Recommended Developer | Design by Insight

    October 21, 2013 at 7:33 am #68019
    gpsmapper
    Member

    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!

    October 22, 2013 at 6:04 am #68179
    gpsmapper
    Member

    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.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.