search

Wruczek / ts-website

A website for your TeamSpeak 3 server
https://ts.wruczek.tech
GNU General Public License v3.0
336 stars 81 forks source link

Navigation Dropdown #133

Closed zockparadies closed 5 years ago

zockparadies commented 5 years ago

Hi, how can i make a dropdown menu in the navigation?

alexandre433 commented 5 years ago

https://lmgtfy.com/?q=how+to+create+a+dropdown+menu+in+html

toster234 commented 5 years ago

In body.latte private/templates/body.latte search for <ul class="navbar-nav"> And use a bootstrap template.

<li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Text on button
        </a>
    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
        <a class="dropdown-item" href="#">BUTTON 1</a>
        <a class="dropdown-item" href="#">BUTTON 2</a>
    </div>
</li>
zockparadies commented 4 years ago

How i can change it the height of the navbar?

Before Change: Unbenan2nt

After Change: Unbenannt

Wruczek commented 4 years ago

You have too much text that's extending the navbar, reduce the text length to fix it.

zockparadies commented 4 years ago

ok thanks for the info , i have now test it and the navbar is still so high :/ pic3

EDIT: pic4

EDIT2: pic5

zockparadies commented 4 years ago

Unfortunately, I can not slob html / php so I would be very happy for further help. (google translator)

Wruczek commented 4 years ago

You need to put your li inside the ul, not outside of it.

zockparadies commented 4 years ago

Thank you very much! it works!