Fix the Neo calendar
D
Damian Surr
The Neo calendar looks great when it's at high resolution.
It also works great at low/mobile resolution.
However, in the middle resolutions, between around 730px to 980px wide, it seems to go wrong.
The <footer> section, which contains the 'Continue' button, jumps above the calendar, and even above the heading/title of the calendar.
This is bizarre for the end user. On a mid resolution device, you would have to scroll ABOVE the whole calendar that you've been clicking on, and calendar header section above, to find the continue button. Surely the continue button (which is in the 'footer' section) should stay at the bottom, where people would expect to find it (until the button disappears at the lower resolutions).
Is it something that can be fixed?
Log In
D
Damian Surr
Correction ...
<style>
.appointment_widgets--booking {flex-direction: column !important;}
@media only screen and (max-width: 730px) {
.appointment_widgets--booking {flex-direction: column-reverse !important;}
}
</style>
D
Damian Surr
Support told me that this is intended behaviour, which I think is madness!
However, I worked out a fix.
If anyone else wants it, add this to the calendar code ...
<style>
.appointment_widgets--booking {flex-direction: column !important;}
</style>