• 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

Numerical navigation Minimum

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 › Numerical navigation Minimum

This topic is: not resolved

Tagged: minimum, navigation

  • This topic has 4 replies, 2 voices, and was last updated 12 years, 7 months ago by John.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 7, 2012 at 7:21 pm #3807
    Len
    Participant

    Having played around with Minimum locally for a long time I just noticed something for the first time today. The numerical navigation "breaks" once you get into double digits.

    http://img.photobucket.com/albums/v479/Hedgehog67/SP/nav.png

    Solution, obviously, is to slightly decrease font size. Just thought I'd mention it. 🙂

    December 8, 2012 at 7:31 am #3829
    John
    Participant

    Hey Len,

    I discovered something similar on Outreach as well as Minimum, and it also happens with single digits when you make your browser window smaller or view it in mobile. The solution I came up with is to increase the line-height for the list and add white-space: nowrap to the link (see the code below). The line-height may need to be adjusted per theme or personal preference.

    .navigation ul {line-height: 50px;}
    .navigation li a {white-space: nowrap;}

    John


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    December 8, 2012 at 8:00 am #3830
    Len
    Participant

    Awesome John! Just confirmed the problem with Outreach and verified your solution.

    December 8, 2012 at 8:33 am #3835
    Len
    Participant

    Doh! The problem exists in all of my child themes as well. Guess I'm pushing out updates. I like your solution better John. I'm going to go with that. 🙂

    December 8, 2012 at 8:38 am #3836
    John
    Participant

    🙂

    Yeah, this is part of my "boilerplate CSS add-ons", but it'd be nice if StudioPress added it across the board, at least on their responsive themes.


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

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