Layouts

Material Admin has several layout options that can be used for different purposes. You can either choose between a full-width header or a full-height menubar.

Pin the menubar if you want to start with an expanded menubar. When you choose an expanded menubar, it will automatically collapse on smaller screens.

Content

Full-width header

In this layout, the header extends over the entire width of the screen. Below the header is the menubar.

Activated

Expanded menubar
Full-width header
Fixed header

Activate

Collapsed menubar
Full-width header
Fixed header

Full-height menubar

In this layout, the menubar extends over the entire height of the screen.

Activate

Expanded menubar
Full-height menubar
Fixed header

Activate

Collapsed menubar
Full-height menubar
Fixed header

Static header

If you do not want to have a fixed header, you simpe remove the .header-fixed class.

Activate

Expanded menubar
Full-height menubar
Static header

Activate

Collapsed menubar
Full-height menubar
Static header