Adminlte: How to Remove Left Side bar completely

Created on 24 Jul 2015  路  7Comments  路  Source: ColorlibHQ/AdminLTE

i need to remove left side bar completely in my project,
Above 768 screen resolution also

question
Source
picture kennedymca

Most helpful comment

Hi,

Try using the layout-top-nav option. Documentation: https://almsaeedstudio.com/themes/AdminLTE/documentation/index.html#component-main-header

picture almasaeed2010 on 25 Jul 2015
👍3

All 7 comments

Hi,

Try using the layout-top-nav option. Documentation: https://almsaeedstudio.com/themes/AdminLTE/documentation/index.html#component-main-header

almasaeed2010 picture almasaeed2010 on 25 Jul 2015
👍3

where i put this line "layout-top-nav"

kennedymca picture kennedymca on 27 Jul 2015

Ctrl+f + "layout-top-nav"

"To use this main header instead of the regular one, you must add the layout-top-nav class to the body tag"

rafaelrenanpacheco picture rafaelrenanpacheco on 27 Jul 2015

You should also make sure that you are using the correct HTML markup. This can be found in the pages/layout/top-nav.html.

almasaeed2010 picture almasaeed2010 on 27 Jul 2015

thank u

kennedymca picture kennedymca on 28 Jul 2015

I have done it. thank you

chung311096 picture chung311096 on 3 Nov 2018

to clarify : open file _Layout.csml // todo step

  1. change <body class="hold-transition sidebar-mini"> to <body class="hold-transition layout-top-nav">
  2. remove : @Html.Partial("_NavBar")
  3. remove : @Html.Partial("_SideBar")
udornb picture udornb on 15 Sep 2020
Was this page helpful?
0 / 5 - 0 ratings

Related issues

kgoedert picture kgoedert  路  4Comments
GuxMartin picture GuxMartin  路  3Comments
vbetancourt picture vbetancourt  路  3Comments
LeoYong95 picture LeoYong95  路  4Comments
tester10 picture tester10  路  3Comments