Repositioning menu items

  • Resolved zainasyed2013

    (@zainasyed2013)


    8 years, 11 months ago

    Hi Ben,

    I have another question for you. Is it possible to reposition items on a menu? For example, I’d like to have my “About” page and my “Contact” page moved down to the far right side of my menu, next to the search bar. Is there a way to create some dead space between menu items? If not, what about creating a little barrier between menu items, something like this symbol: |

    As always, thanks so much for your help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    The menu items can’t be repositioned individually, but you could move the entire menu to the right next to the search bar with this CSS:

    @media all and (min-width: 50em) {

  .menu-secondary {
    float: right;
    margin-right: 48px;
  }
}

    Otherwise, you can use this CSS to add more space between the menu items:

    .menu-secondary-items a {
  margin-right: 36px;
}

    The “36” value there can be increased to add more space between them.

    Thread Starter zainasyed2013

    (@zainasyed2013)

    Thanks, Ben!

    Theme Author Ben Sibley

    (@bensibley)

    Sure thing!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Repositioning menu items’ is closed to new replies.