• 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

Center Logo and Navigation in OUTREACH 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 › Center Logo and Navigation in OUTREACH PRO

This topic is: resolved
  • This topic has 3 replies, 3 voices, and was last updated 8 years ago by tfmwa.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 13, 2017 at 12:14 pm #209071
    PaulS
    Member

    I need some help centering the logo and navigation on my Outreach Pro site. I have tried several of the suggested solutions in the forum to no avail. Does anyone know how to do this?

    http://sandbox.targetmediapartners.com
    July 13, 2017 at 4:59 pm #209079
    PyramidWeb
    Member

    Hi Paul,
    To center the nav, edit your "style.css" and change

    .genesis-nav-menu {
        clear: both;
        font-size: 1.4rem;
        line-height: 1.4;
        width: 100%;
    }
    

    to

    .genesis-nav-menu {
        clear: both;
        font-size: 1.4rem;
        line-height: 1.4;
        text-align: center;
        width: 100%;
    }
    

    From my opinion, the logo as it is now cannot be easily centered since the logo image is inserted such that the default css in "style.css" is overwritten by

    .site-title a {
        background: rgba(0, 0, 0, 0) url("http://sandbox.targetmediapartners.com/wp-content/uploads/2016/08/TMPi-email-logo.png") no-repeat scroll 0 0;
    }
    

    First, check these websites:
    https://wordpress.org/support/topic/center-site-title-background-image-logo/

    How To Fix Outreach Theme Header Problem & Add Different Sized Images


    If this doesn't help, I'd suggest to remove the logo image within the WP dashboard and add it manually (just copy the above css to your style.css and change "0 0" to "center center").

    July 14, 2017 at 7:38 am #209106
    PaulS
    Member

    Thanks, Pyramid Web – the nav is centered with your code. The link to the wp.org site helped too – thx!

    All, here is the code to center the logo in Outreach Pro below.

    Just add to "additional CSS":

    .site-title a {
    background-position: center center !important;
    }

    July 19, 2017 at 7:48 am #209290
    tfmwa
    Participant

    Thank you guys for sharing these solutions! This was a lot harder to figure out than it should be in my opinion.

    What worked for me is adding a logo using the Customizer as normal. And then adding the custom css @PaulS mentioned last to another custom css rule I am using to increase the height of the header area, because I'm using a bigger logo:

    .header-image .site-title > a {
    min-height: 140px !important;
    background-position: center center !important; }

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Center Logo and Navigation in OUTREACH PRO’ is closed to new replies.

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

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