• 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

Outreach Pro Header Align Center

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 › Outreach Pro Header Align Center

This topic is: not resolved

Tagged: full width header, outreach theme, responsive header

  • This topic has 4 replies, 3 voices, and was last updated 12 years, 1 month ago by rayman.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 16, 2014 at 8:10 pm #110090
    rayman
    Participant

    I am attempting to create a full width header in Outreach Pro.

    Issue 1:
    The header floats left, if i adjust the css the image disappears

    .header-image .site-title > a {
    	float: left;
    	min-height: 145px;
    	width: 100%;
    }
    

    Issue 2: In mobile size formats there is an increasing amount of padding below and unwanted padding above the header. The header also seems to float right in these size formats.

    I've tried everything I know and could find and nothing helps. Have to say I'm pretty frustrated that such a common requirement isn't more easily accomplished with genesis and child themes. Don't get me wrong I have been using studiopress themes for years but this could prove a deal breaker.

    http://hawaiinvc.org/new/
    June 16, 2014 at 8:31 pm #110097
    nunotmp
    Member

    Instead of adding the background image to the anchor tag it would be best to add it to .site-header .wrap Try that out.


    Genesis Child Themes – Follow Me

    June 17, 2014 at 1:52 am #110136
    rayman
    Participant

    Could you be more specific please

    June 17, 2014 at 3:57 am #110145
    JanHoek
    Participant

    try to remove the min-height and width from;

    .header-image .site-title a {
    background: url(images/logo.jpg) center no-repeat;
    /* height: 145px; */
    /* width: 1040px;
    
    .header-image .site-title > a {
    float: left;
    /* min-height: 145px; */
    /* width: 100%;

    Your background image should also be in the center now.


    Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

    June 18, 2014 at 1:29 am #110340
    rayman
    Participant

    Thanks Jan, in fact removing both didn't work but removing from below the url did it ; )

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 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

© 2026 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