Laravel Bootstrap Адаптивная тема Navbar перекрывает контент при сокращении ⇐ Php

[Anonymous]

У меня есть проблема с отзывчивой темой начальной загрузки, на панели администратора у меня есть верх и левый навигал, там все в порядке, но когда я иду к сниженному представлению, такому как мобильный, левая панель станет второй верхней панель Хочу.

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

Toggle navigation




[url={!!URL::to(]SCM[/url]



[list]
[*][url={!!URL::to(][i][/i][/url]


[url=#][i][/i][/url]

[url={!! url(]id) !!}">Perfil[/url]
@if(Auth::user()->type_id == 1)
[*][url={!!URL::to(]Administrar[/url]
@endif
[*]
[*][url={!!URL::to(][i][/i]Logout[/url]
[/list]






[list]
[*] >
[url=#][i][/i] Usuario[/url]


[url={!!URL::to(][i][/i] Agregar[/url]

[*]
[url={!!URL::to(][i][/i] Mostrar todos los usuarios[/url]

[*]
[url=#][i][/i]  Busqueda avanzada[/url]

[/list]

[*]>
[url=#][i][/i] Ejercicios[/url]
[list]

[url={!!URL::to(][i][/i] Agregar[/url]

[*]
[url={!!URL::to(][i][/i]Listar[/url]

[*][url=#][i][/i] Categoria[/url]


[url={!!URL::to(][i][/i] Agregar
[/url]

[*]
[url={!!URL::to(][i][/i] Listar
[/url]

[/list]



[*] >
[url=#][i][/i] Configuración[/url]
[list]

[url={!!URL::to(][i][/i] Información personal
[/url]

[/list]

[*] >
[url={!!URL::to(][i][/i]  Enviar Comunicado[/url]








@yield('content')





< /code>
css для этого: < /p>
body {
background-color: #f8f8f8;
}

#wrapper {
width: 100%;
}

#page-wrapper {
padding: 0 15px;
min-height: 568px;
background-color: #fff;
}

@media(min-width:768px) {
#page-wrapper {
position: inherit;
margin: 0 0 0 250px;
padding: 0 30px;
border-left: 1px solid #e7e7e7;
}
}

.navbar-top-links {
margin-right: 0;
}

.navbar-top-links li {
display: inline-block;
}

.navbar-top-links li:last-child {
margin-right: 15px;
}

.navbar-top-links li a {
padding: 15px;
min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
padding: 3px 20px;
min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
width: 310px;
min-width: 0;
}

.navbar-top-links .dropdown-messages {
margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
margin-left: -123px;
}

.navbar-top-links .dropdown-user {
right: 0;
left: auto;
}

.sidebar .sidebar-nav.navbar-collapse {
padding-right: 0;
padding-left: 0;
}

.sidebar .sidebar-search {
padding: 15px;
}

.sidebar ul li {
border-bottom: 1px solid #e7e7e7;
}

.sidebar ul li a.active {
background-color: #eee;
}

.sidebar .arrow {
float: right;
}

.sidebar .fa.arrow:before {
content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
padding-left: 37px;
}

.sidebar .nav-third-level li a {
padding-left: 52px;
}

@media(min-width:768px) {
.sidebar {
z-index: 1;
position: absolute;
width: 250px;
margin-top: 51px;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
margin-left: auto;
}
}

thanks.

Подробнее здесь: https://stackoverflow.com/questions/340 ... n-reducing