Float Last Menu Item Right on Bottom Nav?

BB Theme
1

Hey Guys,

On www.OhpanaNaturals.com I’ve got the last menu item setup with a float right, but I can’t actually get it to the right side of the nav bar.

It looks like its because the UL isn’t 100% width, but when I change it to 100% width, the last menu item doesn’t go over to the right still.

Any ideas?

Thanks!

2

Hey Richard,

I would try using absolute positioning on the li element instead of floating. Give this CSS snippet a shot:

.fl-page-nav-collapse ul.navbar-nav>li.red {
  	position: absolute;
  	right: 0;
}

Hope that helps! :slight_smile:

3

Perfect Robby,

I just needed to add a few media queries so it didn’t break mobile, but I’ve got it where I want now. Thanks!

4

Awesome! Glad I could help.