• 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

Magazine Theme: How to center site title and menu items

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 › Magazine Theme: How to center site title and menu items

This topic is: not resolved

Tagged: Magazine Pro, nav menu, Nav Primary, nav-secondary

  • This topic has 9 replies, 4 voices, and was last updated 7 years, 4 months ago by marp.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 19, 2014 at 9:02 pm #115008
    bizchick200
    Member

    Hello,

    Can someone tell me how to center the header site title and the menu items? I plan on uploading a custom logo and would like for it to be centered as well. The magazine theme has a right widget area for the header but I don't plan on using it.

    Also, is there a way for me to decrease the white space above the header? Here is My site

    Thanks!

    July 19, 2014 at 10:19 pm #115010
    DTHkelly
    Member

    How to use a wide header in Magazine Pro

    How to center Navigation Menus in Genesis

    Some reference:

    Center Logo And Primary Menu In Green Pro

    Centering Logo and Navigation Menu in Executive Theme

    Centering Logo and Nav Agency Theme

    Hope this helps!

    July 20, 2014 at 6:45 am #115024
    Brad Dalton
    Participant

    Try this to center your nav menu http://wpsites.net/web-design/center-align-nav-menu/


    Tutorials for StudioPress Themes.

    July 21, 2014 at 3:48 am #115147
    bizchick200
    Member

    Thank you for the references Kellylise. I was able to center my custom logo.

    Thank you, Brad. Your tutorial on centering the nav menu worked perfectly! Could you tell me how to make my menu bar full width? I would like the lines to be full width of the page.

    Also, when I made the custom logo, it created more white space than I wanted. How can I decrease the white space below and above my custom logo?

    I appreciate all of your help!

    July 21, 2014 at 8:46 am #115180
    Brad Dalton
    Participant

    Please start a new question for this:

    Could you tell me how to make my menu bar full width?

    I also suggest you use Firebug to find padding and margins.


    Tutorials for StudioPress Themes.

    July 21, 2014 at 9:53 am #115199
    DTHkelly
    Member

    Search this forum for the additional tweaks:

    Magazine pro header margin-padding

    July 22, 2014 at 10:39 am #115404
    DTHkelly
    Member

    Brad's tutorial includes Magazine Pro full width header AND .site-header padding tweaks.

    Add Full Width Header Image To The Magazine Pro Theme

    June 18, 2018 at 11:12 am #220947
    marp
    Member

    Hello braddalto. I've been trying to center the contents of my main navigation menu in magazing pro. I followed the instructions on the link you posted https://wpsites.net/web-design/center-align-nav-menu/ but hasn't worked for my site.

    I did find the sections for .nav-primary { in the css file, and tried adding the code text-align: center; there, but the menu contents didn't budge. Any other suggestions?

    June 18, 2018 at 8:57 pm #220967
    Brad Dalton
    Participant

    Just tested this and it works.

    Make sure you clear caching.


    Tutorials for StudioPress Themes.

    June 18, 2018 at 9:04 pm #220970
    marp
    Member

    It worked! Clearing the cache did the trick.

    Thanks for this!

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

© 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