Jump to content

Archived

This topic is now archived and is closed to further replies.

tsalstrand

Navbar: Last Child Hover Right

Recommended Posts

tsalstrand

I'm working on this site: http://herschelsrawtalent.com/

 

I want the last navigation item to hover to the right side of the content area (i.e. about 960px from the left edge of the Home nav button) while the rest of it stays to the left. Here is the effect I'm going for: https://www.dropbox.com/s/hfj3xe2wne4o5t6/right-nav.jpg

 

I know this is how I select the last child

.navbar .navline > li:last-child {}

But for the lift of me I can't figure out how to get it over to the right except with padding-left (which I don't want to use if I can do it better). 

 

How do you think I can achieve this?

 

Thanks!

Share this post


Link to post
Share on other sites
batman

HI tsalstrand

I´m not sure, but please you can try with

 

.navbar .navline > li:last-child {

    float: right !important;

}

 

.navbar .navline {

    float: none;

}

 

This works on firebug in my Mac


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
tsalstrand

batman you are the man!

 

I had tried the float: right !important declaration, but was missing your .navbar .navline {   float: none;}

 

Thanks a ton for your help!

Share this post


Link to post
Share on other sites
batman

No problem, I happy to help you !


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites

×