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

    Hi there – super awesome theme! :)

    I am trying to add a “Client Login” button (a link offsite) to the header area of choices. I am thinking of adding it to the main menu (so it is included in the select mobile menu.)

    Is it possible to style the last menu item in the main menu so it floats to the right? separate from left floated menu on the page (and possibly style it differently?). I have tried playing with the “last-child” attribute but cant seem to nail the right css class/id without effecting the last-child of the drop downs.

    Something like:

    Menu Item | Menu Item | Menu Item

    >>>>>>>| Last Menu Item

    I hope this doesn’t sound too confusing – I am basically trying to add a button-link in the header that is distinct from the menu, but is visible across platforms. Any other ideas / help / alternative suggestions would be most welcome!


    You can try following css code. It won’t work with older browsers though because it uses a css3 selector. Add the css code to css/custom.css:

    #top .main_menu .menu li:last-child {
    float: right;


    Thankyou for the response!

    Unfortunately that actually didn’t do anything :S I would have to test it on a fresh install but perhaps something I have added is clashing with it – even adding !important had no effect…

    Thats said – I found an alternative. I managed to add the button to the small_header_info and editing the styling accordingly. Success! :)

    Many thanks!

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

The topic ‘Main Menu – Styling the Last Menu Item’ is closed to new replies.