Home>Support>Align Last Menu Item to the right

Align Last Menu Item to the right

By Jose AMezcua, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hello Site Origin Team,

hope you are all doing great! We are using your theme more than ever!

We would like to achieve the following:
Align the last menu item all the way to the right while keeping all the other menu items to the right.
We used

 Last-of-type
to style the item so it looks like a button but we can’t get it to move to the right!

Your help is really appreciated!

Thanks again!
J.

Suggestion: You should add a section to your website to feature sites built with your themes, kind of http://awwwards.com/

URL: http://construlitaqro.com/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    Hi Jose

    Thanks for your ongoing support.

    We’ve got it on our list to add a showcase section. Thanks for raising that, we appreciate the feedback.

    Right now it looks like you’re saying:

    .main-navigation ul li:last-of-type {
  border-right: 1px solid #3A3F44;
}

    By adding float: right to that selector you should be able to achieve what you’re looking for:

    .main-navigation ul li:last-of-type {
  border-right: 1px solid #3A3F44;
  float: right;
}

    Hope that helps :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More