# Float Last Menu Item Right on Bottom Nav?

**URL:** <https://community.wpbeaverbuilder.com/t/float-last-menu-item-right-on-bottom-nav/3309>\
**Category:** BB Theme\
**Created:** [May 27, 2015, 9:48am UTC](https://community.wpbeaverbuilder.com/t/float-last-menu-item-right-on-bottom-nav/3309 "2015-05-27T09:48:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![foodin65](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/foodin65/32/364_2.png) [@foodin65](https://community.wpbeaverbuilder.com/u/foodin65)\
**Post date:** [May 27, 2015, 9:48am UTC](https://community.wpbeaverbuilder.com/t/float-last-menu-item-right-on-bottom-nav/3309/1 "2015-05-27T09:48:32Z")

</div>

Hey Guys,

On [www.OhpanaNaturals.com](http://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!

---

<div class="post-metadata">

**Author:** ![robby](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/robby/32/12_2.png) [@robby](https://community.wpbeaverbuilder.com/u/robby)\
**Post date:** [May 27, 2015, 10:00am UTC](https://community.wpbeaverbuilder.com/t/float-last-menu-item-right-on-bottom-nav/3309/2 "2015-05-27T10:00:34Z")

</div>

Hey Richard,

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

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

```

Hope that helps! 🙂

---

<div class="post-metadata">

**Author:** ![foodin65](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/foodin65/32/364_2.png) [@foodin65](https://community.wpbeaverbuilder.com/u/foodin65)\
**Post date:** [May 27, 2015, 10:18am UTC](https://community.wpbeaverbuilder.com/t/float-last-menu-item-right-on-bottom-nav/3309/3 "2015-05-27T10:18:33Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![robby](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/robby/32/12_2.png) [@robby](https://community.wpbeaverbuilder.com/u/robby)\
**Post date:** [May 27, 2015, 10:29am UTC](https://community.wpbeaverbuilder.com/t/float-last-menu-item-right-on-bottom-nav/3309/4 "2015-05-27T10:29:07Z")

</div>

Awesome! Glad I could help.

---

<div class="post-metadata">

**Author:** ![system](https://community.wpbeaverbuilder.com/uploads/default/original/2X/9/9db1b183a7ea1efa26199a2a2b3511d742473dae.png) [@system](https://community.wpbeaverbuilder.com/u/system)\
**Post date:** [April 27, 2019, 10:16pm UTC](https://community.wpbeaverbuilder.com/t/float-last-menu-item-right-on-bottom-nav/3309/5 "2019-04-27T22:16:40Z")

</div>

Closed on April 27, 2019, 10:16pm UTC