I’m struggeling with the embed element, which behaves … weird. I added some custom code, generated by a event platform into a embed element. I changed the parent element position from static to relative to get access to the z-index, which I put to 99. Reason: Clicking on an event card, a large window pops up and shows details (if z-index is not set, top and botton of the window are cut off). So far so good… But: Closing this window (button top left “zurück”) ends up in a mess. The event now is located “anywhere” on the page, not in the appropriate container.
Every hint is more than appreciated! Thanks for helping me:)
Here is my read-only link, just scroll down to the bottom:) Thanks!!
Oops. Custom code is only seem in published sites, hmm, preview link is useless. Code is this:
The embed element simply inserts your CSS/JS/HTML code into the document where you position it.
I assume you’re talking about the embed at the very bottom of the homepage classed Code Embed 3. Since you’re pasting in a 3rd party widget you’ll need to determine what it needs in terms of space to display its content properly.
Currently your parent section EVENT-SEC has a fixed height of 500px which likely won’t be enough and is probably causing your clipping problem.
I’d clean all that up, remove your z-index and all of the other styling in those container elements that’s affecting your embedded code’s ability to render what it needs.
