adchsm / Slidebars

Slidebars is a jQuery Framework for Off-Canvas Menus and Sidebars into your website or web app.

Home Page:http://www.adchsm.com/slidebars/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

how to position content below fixed top elements?

matochondrion opened this issue · comments

Hi,

I have a fixed header and would like the slidebar to appear from the top direction, but position below the header.

If I don't include some sort of spacing mechanism (div with a set height, padding-top, etc), the page content is positioned at the top of the page with the header layered overed it.

When I add a spacer to move the page content down, and open the slidebar, there is empty space between the slidebar and the page content.

I'm wondering if there's a cleaner way to do this so the page content top, is flush with the bottom of the slidebar?

Page content hidden without a spacer

screenshot 2017-12-23 11 34 42

Page content visible with a spacer

screenshot 2017-12-23 11 35 33

empty spacer area visible when slidebar expands

screenshot 2017-12-23 11 35 42