M.E. Calendar single event page is breaking layout

[raspberryhill]

Hi all,
I’m configuring M.E. Calendar in Pro and it works fine!
https://www.holdmetight.eu/events/

The only problem I run into is that the single event page is breaking the layout of the page i.e. the footer is pushed to the right. E.g. https://www.holdmetight.eu/events/paarseminar-in-muelheim/

A workaround would be to show single events in modal, like it is done here:
https://www.holdmetight.eu/naechste-workshops/
The problem with this workaround is that the markers on the Google Map do not open in model but as separate single event pages.

Am I doing something wrong?

Thanks a lot for any help on this issue!

[ruenel]

Hello Hendrik & Christine Weiß,

Thanks for writing in! I have inspected your single event page and it turns out that the messed up footer is because you have inserted this code in one of the bar settings:

$el {
    margin-top: -28px;
}

Please remove this code and check your site again.

[raspberryhill]

Hello RueNel,

Thanks a lot! We removed the negative margin from the footer and added it to the page, where it is part of the parallax effect. It works like a charm.

Have a good day.
Hendrik & Christine

[nabeel]

Glad we could help.

Cheers!