Bei mir sieht es in jeden Browser aus wie im Zweiten Bild.
Wo ist den dein Menü hin ,was beim klick auf den Hamburger normalerweise erscheinen soll?
Der Hamburger kommt nur wenn das fenster eine gewisse Breite hat. Hatte das Problem schon behoben deswegen geht es jetzt.
Ich hab eine Lösung gefunden: Ich hab im <ul> tag style="height: 50px;" hinzugefügt.
Guten Tag,
ich habe ein Problem mit meiner Navbar. Ich benutze Bootstrap und wenn ich das Fenster im Browser kleiner ziehe soll ein Button erscheinen, was die Navbar dann aufklappen soll, was auch funktioniert.
Ich hab mal zwei Screenshots hochgeladen, dann solltet ihr das Problem sehen. Das eine ist in Chrome und das andere in Firefox (Firefox geht). Das ganze könnt ihr auch selber betrachten auf https://wenort.net/tl.
Das ist meine Navbar, hab ich nur als PHP-Funktion gemacht.
function printNavbar() { ?>
<nav id="header" class="bg-white container-fluid navbar navbar-expand-lg navbar-light fixed-top is-not-scrolling">
<div class="container">
<a class="navbar-brand" href="#">
<img src="assets/img/general/logo.png" height="55" width="84"/>
</a>
<button class="navbar-toggler" onclick="toggler()" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<ul class="navbar-nav ml-auto">
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<li class="nav-item active">
<a class="nav-link" href="index.php"><?php echo $GLOBALS['lang']['nav_link_index']; ?></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="?lang=en"><span class="flag-icon flag-icon-us <?php if($GLOBALS['language']!=="de"){echo 'tl-selected';} ?>"></span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="?lang=de"><span class="flag-icon flag-icon-de <?php if($GLOBALS['language']=="de"){echo 'tl-selected';} ?>"></span></a>
</li>
</div>
</ul>
</div>
</nav> <?php
}Wäre sehr dankbar, wenn jemand eine Lösung hat. 