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

Moveable Header

PreviousBoxed and Moveable HeaderNextBoxed and Fixed 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 movable-header">
<div class="preloader">
          ...
          ...
 </div>
 <header class="header header_movable">
     <nav class="navbar navbar-static-top" role="navigation">
       ...
     </nav>
 </header>
 <div class="wrapper row-offcanvas row-offcanvas-left">
   ...
 </div>
 </body>