Проблемы с CSS верхней панели ⇐ CSS

[Anonymous]

Я не очень хорошо разбираюсь в CSS, и поскольку я использую такие инструменты, как radzen, у меня есть несколько готовых стилей.
я сделал верхнюю панель, как показано ниже, а раскрывающееся меню скрыто за заголовками сетки radzen. что мне нужно сделать, чтобы это было приоритетом? Я изменил z-индекс, но он ничего не дает.
Я также хотел бы нажать кнопку выхода, только эту, вправо
[1]: https://i.sstatic.net/3KdIOC4l.png

Код: Выделить всё

ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}

li {
float: left;
}

li a,
.dropbtn {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover,
.dropdown:hover .dropbtn {
background-color: red;
}

li.dropdown {
display: inline-block;
}

.dropdown-content {
display: none;
position: fixed;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
overflow: visible;
}

.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}

.dropdown-content a:hover {
background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
display: block;
}

Код: Выделить всё

[list]
[url=Schedule]Horaire[/url]
[*][url=Customers]Clients[/url]
[*]
[url=javascript:void(0)]Activités[/url]

[url=ActivityRequests]Activités[/url]
[url=ActivityRequestCustomers]Demandes clients[/url]

[*][url=ManualBilling]Ventes manuelles[/url]

[*]
[url=javascript:void(0)]Facturation[/url]

[url=Quotes]Soumissions[/url]
[url=Payments]Paiements[/url]
[url=PaidTaxes]Taxes perçues[/url]

[*]
[url=javascript:void(0)]Animaux[/url]

[url=Species]Animals[/url]
[url=ACIAInfos]Informations ACIA[/url]

[*][url=Utilities]Utilitaires[/url]
[*][url=Account/Manage]Compte[/url]
[*]

[url=Account/Login]Connexion[/url]




[/list]

Подробнее здесь: https://stackoverflow.com/questions/794 ... topbar-css