• 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

Metro Pro Center Header Logo

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 › Metro Pro Center Header Logo

This topic is: not resolved

Tagged: center header, metro pro center header, responsive header

  • This topic has 3 replies, 2 voices, and was last updated 8 years, 10 months ago by Sridhar Katakam.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 18, 2014 at 10:23 pm #105818
    yolohtzin
    Member

    Hi - I am trying to figure out how to center the logo - could someone please help me - once I've done that I've got the site in good order. Thanks so much!!!!!

    Heather

    http://joanvidargas.com
    May 19, 2014 at 4:27 am #105838
    Sridhar Katakam
    Participant

    Add this CSS:

    .header-image .site-title a {
        margin: 0 auto;
    }

    Genesis Tutorials | Follow me on Twitter

    May 19, 2014 at 9:25 am #105861
    yolohtzin
    Member

    Heather - I put it at the end of the css and it is now centered. I do not have a lot of different devices so am hoping it is now centered and responsive.

    Do I need to do anything else to make it responsive?

    Thank you so very much for responding Sridhar -

    Heather

    May 22, 2014 at 1:09 am #106277
    Sridhar Katakam
    Participant

    I would personally do it this way: http://sridharkatakam.com/add-responsive-wide-header-genesis/


    Genesis Tutorials | Follow me on Twitter

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