Developing (v7+)

Move Modal Layer Down So It Does Not Cover Toolbar

Permalink October 29, 2016 at 6:09 PM

I am working on a modal block, but I am having trouble with the modal covering the toolbar.
I have attached a screenshot.
The modal, when opened, covers the the entire screen, so that you can't interact with the Concrete toolbar.
Weird thing is, you can still see it.

I know that the toolbar has a z-index of 1000, so I tried playing around with the z-index for the modal layers, but nothing has worked (ex. 499 z-index).

Any ideas on how to fix this?

jakobfuchs replied on Oct 29, 2016 at 6:16 pm Permalink Best Answer Reply

You can probably just push the modal down with CSS. Something like this, depending on how the modal works:

.ccm-toolbar-visible .modal-wrapper {
    top: 49px;
}

PineCreativeLabs replied on Oct 29, 2016 at 7:27 pm Permalink Reply

Thanks! That is what I was looking for.