StudioPress

Forum navigation

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.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Numerical navigation Minimum

This topic is: not resolved

Tagged: ,

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.