Admire
  • Introduction
  • Folder Structure
  • HTML
    • Introduction
    • HTML Structure
      • Header
      • Left Side Menu
      • Right Side Menu
      • Main Content
        • Buttons
        • Carousel and sliders
        • Charts
        • Icons
        • Progress Bars
        • Maps
        • Modals
        • Lock Screen
    • Plugins
    • FAQ's
    • Fonts Used
    • Start New Page
      • Black scheme
      • White scheme
    • Hide/Remove section
      • white scheme
      • Black scheme
  • Laravel Version
    • Installation
      • Previous Versions
        • Laravel 8
        • Laravel 7
        • Laravel 5.6
    • Layouts
      • default
      • Fixed header
      • Fixed menu
      • Fixed Menu Header
      • Compact Menu
    • Blank Page
    • How to change the layout
  • Updates
    • 3.x
    • 2.3
    • 2.8
    • 2.7
    • 2.2
    • 2.1
    • 2.0
    • 1.4
    • 1.3
Powered by GitBook
On this page
  • 1) Hide Leftmenu By default :
  • 2) Remove Rightmenu :
  • 3) Remove Topbar menu :

Was this helpful?

  1. HTML
  2. Hide/Remove section

Black scheme

Previouswhite schemeNextLaravel Version

Last updated 5 years ago

Was this helpful?

1) Hide Leftmenu By default :

If we want to hide the left menu by default, we need to add a toggle class sidebar-left-hidden to body through js, initially sidebar-left-hidden will be appended to the body tag and the left menu will be in a hidden state, with a click on the hamburger, the class disappears dynamically in the body tag and the left menu will be activated.

The Leftmenu has the following structure :

<html>
      <body>
          <div class="bg-dark" id="wrap">

              <========== Start of Leftside Bar ============>

              <div id="left">

                   <div class="media user-media bg-dark dker">

                           ......It contains user details.........

                   </div>

                   <ul id="menu" class="bg-blue dker">

                         ...........It contains left menu list...............

                   </ul>    
              </div>

              <========== End of Leftside Bar ============>

         </div>     
      </body>
 </html>

2) Remove Rightmenu :

If we want to remove the RightsideBar, we need to remove the following code which is present in navbar section

            <div class="btn-group">
                  <a class="btn btn-default btn-sm messages toggle-right">
                        <i class="fa fa-cog text-white"></i>
                  </a>
            </div>

and we need to remove the code for Rightmenu content which is shown below

            <div id="right">
                     <div class="right_content">
                          .............It contains Right side bar..............
                     </div>
            </div>

3) Remove Topbar menu :

If we want to remove topbar menu section we need to remove the following code which is present in navbar section

                  <div class="navbar-toggleable-sm col-xl-6 col-lg-6 hidden-md-down float-right  top_menu" id="nav-content">
                        <ul class="nav navbar-nav top_menubar">
                            <li class="nav-item">

                            </li>
                            <li class="nav-item">

                            </li>
                            <li class="nav-item">

                            </li>
                            <li class="nav-item">

                            </li>
                        </ul>
                    </div>