Behavior of dropdown items in the navbar

Webdesign Help
1

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

2

You can try this CSS

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

.dropdown-toggle::after {
  content: none;
}
1 Like
3

Wow, it works.

Thank you.