Sidebar

Toggle Filter

Sample Sidebar

If there is more than one row of filters on a page, the sidebar filter should be used to reduce visual clutter and extra scrolling. Use the code below to add sidebar navigation/filters to a page.

            
            <a href="#" class="button outline sidebar-toggler"><i data-feather='chevrons-right'></i>Show Filters</a>
            <section class="sidebar">
            <aside>
            Sidebar
            </aside>
            <main>
            <h1>Sample Sidebar</h1>
            </main>
            </section>