Mam problem z menu - hamburger jest po prawej stronie ale po kliknięciu rozwija się po lewej - co prawda jak zmienię układ i dam hamburgera po lewo to działa ok - ale po prawej stronie nie zasłania mi tak bardzo treści i logo, wstawiam część kodu i zdjęcie poglądowe żeby pokazać co jest nie tak, chciałbym aby menu rozwijało się od spodu
<header>
<div class="header">
<div clsss="navbar-brand">
<div class="logo"><image src="zdjecia/Logo1.png" style="float:left"/> Na Południe stąd...</div>
<div clsss="col-sm">
<div class="motto"><i> "Nie ważne skąd przybyłeś - </br> ważne dokąd zmierzasz"</i></div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg fixed-top navbar-light">
<button class="navbar-toggler" style="float:right" data-toggle="collapse" data-target="#navbarResponsive">
<span class="navbar-toggler-icon">
</span>
</button>
<div class="collapse navbar-collapse id="navbarResponsive">
<ul class="navbar-nav m-auto">
<li class="nav-item active">
<a href="index.php" title="Home"> <i class="icon-home"> </i> </a> </li>
<li class="nav-item active">
<a href="film.php" title="Film" >Film</a></li>
<li class="nav-item active">
<a href="historia.php" title="Historia" >Historia</a></li>
<li class="nav-item active">
<a href="kuchnia.php" title="Kuchnia" >Kuchnia</a></li>
<li class="nav-item active">
<a href="muzyka.php" title="Muzyka" >Muzyka</a></li>
<li class="nav-item active">
<a href="poradniki.php" title="Poradniki" >Poradniki </a></li>
<li class="nav-item active">
<a href="omnie.php" title="O mnie">O mnie </a></li>
<li class="nav-item active">
<a href="englishversion.php" title="English version"> <i class="icon-language"> </i></a></li>
</ul><!-- znacznik ul-->
</div> <!--zamyka "collapse navbar-collapse" id="collapse_target" -->
</nav><!--znacznik nav-->
</header>
I CSS
.navbar
{
width:100%;
position: fixed;
display:inline-block;
top:-10px;
z-index:2;
margin-left:auto;
margin-right:auto;
}
.navbar-toggler
{
background-color:gray;
}
.dropdown-menu
{
display:inline;
}
.nav-item
{
top:0;
width:126.3px;
background-color:#e2e2e2;
padding:10px 0;
text-align:center;
font-size:20px;
height:50px;
display:inline-block;
border-style:none;
}