• 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 Custom 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.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Center Custom Header

This topic is: not resolved

Tagged: center, header, nav

  • This topic has 3 replies, 2 voices, and was last updated 12 years, 9 months ago by Brad Dalton.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 22, 2013 at 6:48 pm #63799
    gbco
    Member

    I am trying to figure out how to center the "Custom Header" in the Epik theme.

    Currently header image is aligned to the left and Google Chrome is telling me that it is housed in the title-area.

    I uploaded the logo into WordPress via the header upload tool.

    Can't seem to figure this one out.

    Any suggestions / advice would be great!

    Thank You so much!

    September 22, 2013 at 7:10 pm #63803
    Brad Dalton
    Participant

    Try adding text align: centre; to the rule which you can inspect using Firebug or Chrome.


    Tutorials for StudioPress Themes.

    September 22, 2013 at 8:52 pm #63816
    gbco
    Member

    @Brad

    Thank you for your tip!! I was able to get to the logo to center perfectly on my iMac and iPad Mini, but I can not get it to center on my iPhone5. Suggestions?

    The code I used to make this work was:

    .site-header {
    	margin: 0 auto;
    	max-width: 1140px;
    	margin-left:auto;
        margin-right:auto;
        width:29%;
    September 23, 2013 at 5:35 am #63827
    Brad Dalton
    Participant

    I know you can use conditional tags for different mobile devices. There's several plugins you can install to add them.


    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘General Discussion’ 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