clear
  • Introduction
  • HTML
  • Html Structure
    • Header
    • Left Side Menu
    • Right Side Menu
    • Main Content
      • Buttons
      • Font Icons
      • Progress Bars
      • Maps
      • Lock Screen
  • FAQ's
  • SCSS
  • CSS Files
  • Javascript Files
  • Plugins
  • Start New Page
    • Menu Bar Fold
    • Boxed and Moveable Header
    • Moveable Header
    • Boxed and Fixed Header
    • Fixed Header and Menu
  • Vue Version
    • Basic Installation
      • Clear 1.7 installation
    • Basic Structure
      • Layout structure
      • Leftmenu structure
      • Start New Page
      • Changing layouts
  • Changing Color Scheme
  • Laravel Spark Skin
    • Spark Installation
    • Using .vue files
    • Adding External Plugins
  • Laravel Version
    • Changing skin
    • Changing Layouts
Powered by GitBook
On this page

Was this helpful?

  1. Start New Page

Menu Bar Fold

PreviousStart New PageNextBoxed and Moveable Header

Last updated 5 years ago

Was this helpful?

The design for Menubar Fold is shown below:

It has the following Structure:

<body class="skin-default">
     <div class="preloader">
          ...
          ...
    </div>
    <header class="header">
         <nav class="navbar navbar-static-top" role="navigation">
            ...
         </nav>
    </header>
    <div class="wrapper row-offcanvas row-offcanvas-left">
    <aside class="left-side sidebar-offcanvas">
       ...
       ...
    </aside>
      ...
      ...
</body>