Forum Replies Created
-
Posts
-
It’s not perfect, but this allows for the natural condition (header on top) on mobile and enables the tweak only for desktop display.
Quick CSS
@media only screen and (min-width: 990px) { #header { z-index: 1 } #vimeography-lightbox { z-index: 2 } }This creates a problem with the mobile display of the burger menu since that is a part of the header. Still trying to find a way to delineate between the desktop menu and mobile (burger) menu in order to properly stack via z-index.
So, I figured out how to fix it with some quick css:
#header { z-index: 0; } #vimeography-lightbox { z-index: 1; }This allows Vimeography to sit on top of the header properly. There’s still some weird alignment shifting going on (though, less than before for whatever reason), but I think it’s more due to the Vimeography lightbox than Enfold.
I’ll continue to investigate and tinker–any solutions I find I’ll add to this thread in case anyone else runs up against this problem!
Hey Victoria! I got the alignment glitch to stop by changing Enfold from a boxed layout to a stretched:
The header is the same, though. Is there a way that I can get the header under the lightbox of the Vimeography plugin so that it behaves the way all other content on the page does?
Ideally, the header would behave like the rest of the page–subordinate to the lightbox thingy.
Thanks!
