• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

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

Resize Header–Author Pro

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.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Resize Header–Author Pro

This topic is: not resolved

Tagged: Author Pro, header, resize header

  • This topic has 1 reply, 2 voices, and was last updated 7 years, 6 months ago by Marcy.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 22, 2015 at 2:24 pm #157201
    miam
    Member

    I'm having a lot of trouble resizing my header in Author Pro. I feel like this should be the easiest change possible, yet I can't seem to figure it out.

    First, there seems to be a limit to how far I can adjust the width. Around 450px or so, it stops increasing, no matter how large the original image size. I'm not certain how large I want the header to be, because I haven't been able to see how it looks at different sizes, but I'd guess somewhere between 500-600px.

    Second, increasing the width just to 400px or so causes all kinds of problems with the nav menu. It looks terrible on smaller screens, with far too much white space when the page is scrolled fully up. Also, the nav menu cuts off the top of the page content. I've tried adjusting the margin of the nav-menu, but that just causes the menu to overlap the header at small sizes.

    I'm working on a private staging site, so I'd rather not post the password publicly. Even just pointing me toward the code I need to look at would be a big help.

    Help?

    July 7, 2015 at 5:05 pm #158720
    Marcy
    Participant

    There are two files that have the title area size.

    In style.css, find:

    .header-image .title-area {
    	padding: 25px 0;
    	width: 320px;
    }

    and

    .header-image .site-title > a {
    	background-size: contain !important;
    	display: block;
    	float: left;
    	min-height: 70px;
    	width: 100%;
    }

    and in functions.php, find:

    //* Add support for custom header
    add_theme_support( 'custom-header', array(
    	'flex-height'     => true,
    	'width'           => 320,
    	'height'          => 70,
    	'header-selector' => '.site-title a',
    	'header-text'     => false,
    ) );

    You would need to change the widths and heights in these to match your logo.

    The menu area will decrease as you increase the title-area though. And you will need to make adjustments to the CSS for smaller screen sizes. There isn't really any way to help you more without seeing the site.

    If you can keep the logo to 320px wide, the theme will look it's best.


    Marcy | Amethyst Website Design | Twitter

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

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble