Hey there,
I’m currently implementing a “book a demo”-landing page and can’t figure out how to properly embed my Calendly page.
It’s a 2 column layout. Left column: content, right column: Calendly Widget.
![](https://uploads-us-west-2.insided.com/calendly-en/attachment/ef65bde0-917b-46cc-985d-2911a5a446f6.png)
I figured out, that there is a certain threshold around 950ish pixels width where the widget jumps from desktop-mode (above that threshold) to mobile-mode (below threshold).
Now I got the problem that in that mobile-mode the widget fully expands for all available time slots.
![](https://uploads-us-west-2.insided.com/calendly-en/attachment/568c0eb1-01c9-4c7c-8bfe-839326ec8392.png)
I’d wish to limit this in max-heigth and get a scroll bar for the time options (only time options scroll, calendar view stays fixed). That behavior is available in “desktop-mode” (see 1st screenshots) but not in “mobile-mode”.
How can I accomplish this?