Folgende Seite besteht aus Onepagetemplate und drei Sprachen. Webdeveloper zeigt in der responsiven Ansicht alles perfekt an aber im Smartphone ist nur Deutsch gut. Sobald ich Englisch oder France anwähle rückt das "Hamburger-Menü" recht aus dem Bildschirm und der gesamte Body ist dann breiter. rufe ich zum Bsp: <http://www.my.emess62.de/fra.html> muss ich den Bildschirm nach links schieben dann kann wieder deutsch auswählen dann stimmt die Ansicht wieder. Alle drei Seiten haben die gleiche CSS bei "<http://www.my.emess62.de/eng.html>" ist es das gleiche. ist das nur auf meinem Smartphone so? (Vielleicht ist es nicht mehr up to date) Hat da spontan jemand eine Idee? switcher deutsch: ~~~ HTML <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top navbar-toggle"> <a class="navbar-brand page-scroll" href="#start">Farid Ben Yahia</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-main" aria-controls="nav-main" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="nav-main"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link page-scroll" href="#about">Profil</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#portfolio">Werke</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#contact">Kontakt</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#impressum">Impressum</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#datenschutz">Datenschutz</a> </li> <!-- Switcher --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"><span class="flag-icon flag-icon-de"></span> Deutsch</a> <div class="dropdown-menu"> <a class="dropdown-item" href="eng.html"><span class="flag-icon flag-icon-gb"> </span>English</a> <a class="dropdown-item" href="fra.html"><span class="flag-icon flag-icon-fr"> </span>Französisch</a> </div> </li> </ul> </div> </nav> ~~~ ~~~ HTML France <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top navbar-toggle"> <a class="navbar-brand page-scroll" href="#start">Farid Ben Yahia</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-main" aria-controls="nav-main" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="nav-main"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link page-scroll" href="#about">Profile</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#portfolio">œuvres</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#contact">Contact</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#impressum">Empreinte</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#datenschutz">Politique de confidentialité</a> </li> <!-- Switcher --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"><span class="flag-icon flag-icon-fr"></span>France</a> <div class="dropdown-menu"> <a class="dropdown-item" href="eng.html"><span class="flag-icon flag-icon-gb"></span>English</a> <a class="dropdown-item" href="index.html"><span class="flag-icon flag-icon-de"></span>Allemand</a> </div> </li> </ul> </div> </nav> ~~~

Folgende Seite besteht aus Onepagetemplate und drei Sprachen. Webdeveloper zeigt in der responsiven Ansicht alles perfekt an aber im Smartphone ist nur Deutsch gut. Sobald ich Englisch oder France anwähle rückt das "Hamburger-Menü" recht aus dem Bildschirm und der gesamte Body ist dann breiter. rufe ich zum Bsp: www.my.emess62.de/fra.html muss ich den Bildschirm nach links schieben dann kann wieder deutsch auswählen dann stimmt die Ansicht wieder. Alle drei Seiten haben die gleiche CSS bei "www.my.emess62.de/eng.html" ist es das gleiche. ist das nur auf meinem Smartphone so? (Vielleicht ist es nicht mehr up to date) Hat da spontan jemand eine Idee? switcher deutsch: ~~~ HTML <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top navbar-toggle"> <a class="navbar-brand page-scroll" href="#start">Farid Ben Yahia</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-main" aria-controls="nav-main" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="nav-main"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link page-scroll" href="#about">Profil</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#portfolio">Werke</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#contact">Kontakt</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#impressum">Impressum</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#datenschutz">Datenschutz</a> </li> <!-- Switcher --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"><span class="flag-icon flag-icon-de"></span> Deutsch</a> <div class="dropdown-menu"> <a class="dropdown-item" href="eng.html"><span class="flag-icon flag-icon-gb"> </span>English</a> <a class="dropdown-item" href="fra.html"><span class="flag-icon flag-icon-fr"> </span>Französisch</a> </div> </li> </ul> </div> </nav> ~~~ ~~~ HTML France <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top navbar-toggle"> <a class="navbar-brand page-scroll" href="#start">Farid Ben Yahia</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-main" aria-controls="nav-main" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="nav-main"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link page-scroll" href="#about">Profile</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#portfolio">œuvres</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#contact">Contact</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#impressum">Empreinte</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#datenschutz">Politique de confidentialité</a> </li> <!-- Switcher --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"><span class="flag-icon flag-icon-fr"></span>France</a> <div class="dropdown-menu"> <a class="dropdown-item" href="eng.html"><span class="flag-icon flag-icon-gb"></span>English</a> <a class="dropdown-item" href="index.html"><span class="flag-icon flag-icon-de"></span>Allemand</a> </div> </li> </ul> </div> </nav> ~~~