# Behavior of dropdown items in the navbar

**URL:** <https://forum.bootstrapstudio.io/t/behavior-of-dropdown-items-in-the-navbar/7800>\
**Category:** Webdesign Help\
**Created:** [September 12, 2021, 8:44am UTC](https://forum.bootstrapstudio.io/t/behavior-of-dropdown-items-in-the-navbar/7800 "2021-09-12T08:44:41Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![rumede](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/r/a6a055/32.png) [@rumede](https://forum.bootstrapstudio.io/u/rumede)\
**Post date:** [September 12, 2021, 8:44am UTC](https://forum.bootstrapstudio.io/t/behavior-of-dropdown-items-in-the-navbar/7800/1 "2021-09-12T08:44:41Z")

</div>

I have several dropdowns in the navbar. By default these dropdowns have a triangle and the submenu items are only displayed when clicking on the menu item.

I would like to change the behavior so that the submenus are displayed on mouseover and not on click. In addition, I would like to get rid of this triangle.

Is there a way to change this in the default by changing variables or with existing classes? If not, can someone help me with the code?

Many thanks.

Greetings Reto

---

<div class="post-metadata">

**Author:** ![kuligaposten](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/kuligaposten/32/1190_2.png) [@kuligaposten](https://forum.bootstrapstudio.io/u/kuligaposten)\
**Post date:** [September 12, 2021, 12:50pm UTC](https://forum.bootstrapstudio.io/t/behavior-of-dropdown-items-in-the-navbar/7800/2 "2021-09-12T12:50:12Z")

</div>

You can try this CSS

```auto
@media (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0px;
  }
}

.dropdown-toggle::after {
  content: none;
}

```

---

<div class="post-metadata">

**Author:** ![rumede](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/r/a6a055/32.png) [@rumede](https://forum.bootstrapstudio.io/u/rumede)\
**Post date:** [September 16, 2021, 8:52am UTC](https://forum.bootstrapstudio.io/t/behavior-of-dropdown-items-in-the-navbar/7800/3 "2021-09-16T08:52:33Z")

</div>

Wow, it works.

Thank you.