So, the same as it currently is, except instead of showing up on top of the calendar, showing up after the calendar? Do I understand that correctly?
Hello,
thank you for the quick response. Exactly as you say, actually here is a specific design (after click view):
https://prnt.sc/LqzE8VQVx8Ek
You can pretty much get that by changing
.mc-main .calendar-event .details, .mc-main .calendar-events { top: calc( 100% + 1em ); }
The events are set by default to show up overlaying the calendar, but by changing the top positioning, you can set them below, instead.
Thank you!
But is this possible to make it display: block still below? Because event description can be different size and I don’t want this popup goes above footer. Would appreciate a lot, if you would give me a tip about it 🙂
You’ll need JS to do that; you’ll need to move the event data below the calendar in order for that to work. The block of event information is located inside the date table cell, and the above CSS just makes it appear below the calendar visually; if you want the events to take up space below the calendar and push other information down, you’ll need to use JS to move them there on click.
Hello,
thanks, yes yesterday i wrote code in JS and it works.
Have a nice day ))
Glad you got it figured out!