Forum | Appery.io

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:

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

Thank you!

Hi Dirk,

Create new CSS asset with the following code:

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

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:

Hi Dirk.

Add following CSS code to your CSS asset:

pre

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

/pre

Regards.

Thank you Yurri, that worked!