Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 14, 2019 at 11:36 pm #1127770
    chuckplaysmusic

    Hello! I realized that you guys don’t support 3rd party stuff, but I have an issue with the lightbox generated by Vimeography. The header covers the content and the page becomes realigned (from center to left) when one is loaded up. Lightbox Modal Window is disabled, and the shortcode has been tested within containers and just straight out on the page.

    Here is an image of what it’s doing:

    Any pointers on other settings to tinker with, or maybe quick css fixes?

    Thanks!

    August 14, 2019 at 11:37 pm #1127771
    chuckplaysmusic

    Oh, and it does this on mobile as well (albeit in a different, less terrible way).

    August 15, 2019 at 7:28 pm #1128009
    Victoria

    Hi chuckplaysmusic,

    Best regards,
    Victoria

    • This reply was modified 5 years, 3 months ago by Victoria.
    August 15, 2019 at 11:44 pm #1128100
    chuckplaysmusic

    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!

    August 16, 2019 at 1:01 am #1128107
    chuckplaysmusic

    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!

    August 16, 2019 at 3:41 am #1128119
    chuckplaysmusic

    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.

    August 16, 2019 at 7:21 pm #1128339
    chuckplaysmusic

    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
}
}
    August 18, 2019 at 12:45 am #1128548
    Jordan Shannon

    Hi,

    Did you need additional help or shall we close this topic?

    Best regards,
    Jordan Shannon

    August 19, 2019 at 1:56 am #1128768
    chuckplaysmusic

    Hey Jordan, you can close it. My last post is the best solution I could come up with.

    August 19, 2019 at 2:11 am #1128771
    Ismael

    Hey!

    Alright. We’ll close the thread now. Please don’t hesitate to open a new thread if you need anything else.

    Have a nice day.

    Cheers!
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Vimeography display issue’ is closed to new replies.