Dirk Gissing
Posts: 0
Joined: Sat Oct 12, 2013 4:18 pm

Header above side panel

Hello,

I'm trying to get the content behind the side panel but the header above the side panel. I've tried various ways, but nothing seems to work.

Here is an example of what I want:
Image

As you can see, the header stays put, it does not move, or go behind the side panel.

Thank you!

Alena Prykhodko
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

Header above side panel

Hi Dirk,

Create new CSS asset with the following code:

pre
div.ui-panel{
top:45px;
min-height: inherit;
}
/pre

Dirk Gissing
Posts: 0
Joined: Sat Oct 12, 2013 4:18 pm

Header above side panel

That works, but if I slide the panel downwards the header still goes behind the sidepanel. With your code the sidepanel has been pushed down with codetop/code, but I want it to be behind the header.

As you can see, the header is still behind it:
Image

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

Header above side panel

Hi Dirk.

Add following CSS code to your CSS asset:

pre

.ui-header-fixed, .ui-footer-fixed{
z-index: 1002;
}

/pre

Regards.

Dirk Gissing
Posts: 0
Joined: Sat Oct 12, 2013 4:18 pm

Header above side panel

Thank you Yurri, that worked!

Return to “Issues”