I think that would only happen if you’re using the Shift Body setting with a wrapper, as then everything inside the main content would be in a separate context. Try disabling Shift Body, then you should be able to layer your popup on top using z-index if necessary
Thread Starter
EMar
(@sounds)
Thanks, disabling Shift Body seems to have worked.
Thread Starter
EMar
(@sounds)
Hey,
Disabling Shift body worked but it’s a nice effect..
Not sure what you meant by using Shift Body setting with a wrapper,
But do you know if there’s any way for fix this when using Shift Body?
By default, the Shift Body setting sets up a custom wrapper (container element) on your site wrapping all your content that it then shifts over.
That means you put the entire body in its own context, below the menu, which is why there is a potential for a z-index issue as you originally encountered.
What you can do is set the “Shift Body Wrapper” setting, which will allow you to define your own context – that way you can have a shifted area of the site which includes most of your content – but not the popup that you want to layer on top – and then you can organize your layers accordingly via z-index.
Hope that helps!
Thread Starter
EMar
(@sounds)
So what I’m looking for is something like
<div id=”main” class=”rightsidebar”>
or
<div id=”primary” class=”pagemid”>
<div class=”inner”>
<div class=”content-area”>
