• 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

Need help centering nav in Prose Theme

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 › Need help centering nav in Prose Theme

This topic is: resolved

Tagged: center nav, css, Prose theme

  • This topic has 5 replies, 3 voices, and was last updated 12 years, 11 months ago by PhaseCreative.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 14, 2013 at 8:00 pm #26938
    PhaseCreative
    Member

    I have set up a blog using prose theme and it's been very easy except for this bit: I can't seem to target the nav to center it. I've firebugged the *bleep* out of this css, and can't get it to budge.  Any clues most appreciated: http://pixelsnpieces.com


    Based in Sydney, I design and produce creative websites for small business and enthusiastic bloggers. Follow on twitter

    March 15, 2013 at 3:25 am #27034
    PhaseCreative
    Member

    anyone?


    Based in Sydney, I design and produce creative websites for small business and enthusiastic bloggers. Follow on twitter

    March 17, 2013 at 1:58 pm #28652
    asdweb
    Member

    It was hard to look through the minimized css, so here's a quick fix:

    add this:
    #menu-item-179 {
    margin-left: 60px ;
    }

    and adjust the margin to your liking to center the links more.


    Amy Susan Design.com @AmySusanDesign

    March 17, 2013 at 3:03 pm #28667
    PhaseCreative
    Member

    Thanks asdweb, I was being a bit of a purist about this and really wanted it to be centred, but yeah, I think you're right, a small hack is in order 🙂


    Based in Sydney, I design and produce creative websites for small business and enthusiastic bloggers. Follow on twitter

    March 17, 2013 at 3:15 pm #28671
    marybaum
    Participant

    What happens if you make .genesis-nav-menu.menu-secondary less wide than 903px - the same width as the subnav, which IS centered - and put an !important on the margin: 0 auto;? You'll probably want to make a separate rule for that.

    For example, what if .genesis-nav-menu.menu-secondary were 775px wide?


    Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀

    March 17, 2013 at 3:30 pm #28676
    PhaseCreative
    Member

    Thanks kind folk, I've changed the subnav width to 85% and will come back to it fresh again next week.


    Based in Sydney, I design and produce creative websites for small business and enthusiastic bloggers. Follow on twitter

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