How To Center Align Lifestyle Pro Nav Bars

Community Forums Forums Design Tips and Tricks How To Center Align Lifestyle Pro Nav Bars

This topic is: not resolved

This topic contains 2 replies, has 3 voices, and was last updated by  xtr3m3on3 7 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #86324

    blogelina
    Participant
    Post count: 11

    Hello! I’m trying to center align the nav bars on the Lifestyle Pro theme. Can anyone tell me what the css code is to do this with the new theme?

    Also, I’d love to change the font size that is there – any ideas how to do that?

    Thanks! :)

    http://blogelina.com/theme/
    #86458

    nutsandbolts
    Moderator
    Post count: 3125

    Find the following in your stylesheet:

    .genesis-nav-menu {
    clear: both;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    width: 100%;
    text-transform: uppercase;
    }

    and change it to this:

    .genesis-nav-menu {
    clear: both;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    }

    That should center the menu items. You can also change both instances of font-size: in that section to change the size of the nav menu font – 10px = 1rem.


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #87703

    xtr3m3on3
    Member
    Post count: 7

    how you put widget in the header area,?it looks cool

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.