# Dropup inside navbar

**URL:** <https://forum.bootstrapstudio.io/t/dropup-inside-navbar/11810>\
**Category:** Bug Reports\
**Created:** [December 3, 2024, 2:57am UTC](https://forum.bootstrapstudio.io/t/dropup-inside-navbar/11810 "2024-12-03T02:57:25Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![bernhard.e.boser](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/b/5f8ce5/32.png) [@bernhard.e.boser](https://forum.bootstrapstudio.io/u/bernhard.e.boser)\
**Post date:** [December 3, 2024, 2:57am UTC](https://forum.bootstrapstudio.io/t/dropup-inside-navbar/11810/1 "2024-12-03T02:57:25Z")

</div>

I cannot get a “dropup” inside a “navbar” working properly. It works fine in a container (outside the “navbar”).

The navbar position is set to `Fixed to bottom` and the dropdown element type to `dropup`.

When I click the dropup, I get

![Screenshot 2024-12-02 at 18.54.54](https://forum.bootstrapstudio.io/uploads/default/original/2X/b/b77003aaa82519c9ab9b05102cbb9efb0ee48e81.png)

The arrow points in the correct direction (up) but the menu appears below the navbar, shifting it up to get space at the bottom of the page.

How can I get the menu to appear above the icon and arrow and the navbar stay put when I click the dropup?