Homer - Responsive Admin Theme

Special Admin Theme for small and medium webapp with very clean and aesthetic style and feel.

Options

Example small header for demo purpose.

Options

Homer admin theme gives you few configure options for your application layout. Each of the layout element: navigation, navbar, small header and footer can be fixed positioning.

Use below buttons to enable/disable available options.

Sidebar scroll
On
Fixed navbar
On
Fixed footer
Fixed small header
Off
Boxed layout
Off
Fixed navbar

Fixed navbar is a top navbar that is sticked on screen.

To add fixed navbar you need to add .fixed-navbar class to body element.


<body class="fixed-navbar">
                    
Sidebar scroll

Sidebar scroll is a (left menu) sidebar that is sticked on screen.

To add sidebar scroll you need to add .sidebar-scroll class to body. Sidebar scroll works with fixed-navbar.


<body class="sidebar-scroll fixed-navbar">
                    
Fixed footer

Fixed footer is a bottom footer that is sticked on screen.

To add fixed footer you need to add .fixed-footer class to body element.


<body class="fixed-footer">
                    
Fixed small header

Fixed small header is a top page header that is sticked on screen (only small version).

To add fixed small header you need to add .fixed-small-header class to body. Fixed sidebar works with fixed-navbar and fiexd sidebar.


<body class="fixed-small-header sidebar-scroll fixed-navbar">
                    
Boxed layout

Boxed layout is an option for fixed width and centered layout on desktop resolution.

To add boxed layout you need to add .boxed class to body element and special additional div wrapper after body tag with .boxed-wrapper class.

<body class="boxed">
    <div class="boxed-wrapper">
        ….
        ….
    </div>
</body>