Hello @mahlstedt, thanks for reaching out! I took a look at your page and the Appointment Type listing does seem very long. There’s a few options you have adjust the length.
1) Using Elementor Tabs or Accordions, you could place each category of Appointment Types into a different section. That way, when a customer is scrolling, they’ll just see the categories and they can click into the tabs to view all of the booking calendars for that service.
To accomplish this, you’ll need to use our “Types” shortcode so that you can split up the Appointment Types into each section. Here is a guide with more information on how to use that shortcode: https://ssappts.com/guides/display-the-booking-calendar/#subset-of-booking-calendars-8211-8220types8221-attribute
And, here is an example from our website that shows you how this could look: https://simplyscheduleappointments.com/demos/
2) Use CSS to shrink the Appointment Type listing blocks and/or list the Appointment Types in up to 3 columns. If you need help writing the CSS for this, please reach out to our support team at [email protected]
3) I see you have a single page website, but another option could be to split up the Appointment Types into separate pages. For example, you could have a “Hot stone massage” page where clients can book in only the corresponding Appointment Types.