Keep All Menu Items on One Line (2 posts)

  1. ellenflowers
    Posted 1 year ago #

    How do I keep all of my menu items in one line across the top sticky header? They are centered on two lines, and I would rather have one all the way across the top.

    my site: http://theperennialstyle.com

  2. rdellconsulting
    Posted 1 year ago #

    Try this:

    .navbar-wrapper .navbar.notresp .nav {
      float: none;
      text-align: center;
      width: 150%;
      position:  absolute;
      left: 0px;
    .navbar .nav > li > a {
      padding: 5px 10px;

    But you need to test down to width 980px as the menu gets closer to the socials. You'll probably need to add left: 20px; but leave it to you to decide on positioning.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic