Currently working on a webpage that requires a double navbar, but encountering issues with the toggler button. It's behaving strangely - not collapsing or showing properly. When clicked, a black box appears around the button and then quickly collapses and expands the navbar. Here is the code snippet below:
.nav-link {
color: #6B6B6B;
text-decoration: none;
}
.nav-link.arabic {
color: #004D71;
font-weight: bold;
}
.nav-link.blue {
color: #004D71;
font-weight: bold;
font-size: large;
text-decoration: none;
}
.nav-item.active {
border-bottom: 8px solid #4B8E41;
padding-bottom: 1%;
}
.brand {
object-position: left center;
}<!DOCTYPE html>
<html lang="en">
<head>
...
</body>
</html>