I have a lot of categories and services and during booking I get a list of categories/services with scrolling required. I would like them to be visible immediately open without a sidebar (size adjusted to content).

The following code does not help:
It enlarges the window, but not the size of the selection list.

.amelia-v2-booking #amelia-container.am-fs__wrapper {
    height: 700px !important;
}
.amelia-v2-booking #amelia-container .am-fs__main-content {
    height: 584px !important;
}

I added a few of my own parameters, but they only apply to the window and not the selection list.

.amelia-v2-booking #amelia-container.am-fs__wrapper {
    height: auto !important; /* Dynamic height, dependent on content */
    min-height: 700px; /* Optional: minimum height */
    overflow: hidden; /* Disables scrolling */
}

.amelia-v2-booking #amelia-container .am-fs__main-content {
    height: auto !important; /* Dynamic height, dependent on content */
    overflow: hidden; /* Disables scrolling */
}

As if the list of categories or services was locked to "display 6 items".

Thanks for the tip. I actually shortened the version to suit my needs. Where there is a lot of content, a slider appears, and where there is less, there is none.

.el-cascader-menu__wrap {
    height: fit-content !important;
max-height: 430px;
}

Unfortunately, the problem still persists on the phone - long names of treatments and limited screen size are a problem.

The best solution would be to break lines in such a case - the name of the service would simply wrap around, and the long name would be displayed on two lines. Is something like this possible?

Great, thank you, that helped control the text. Unfortunately, part of it is still invisible. Is there really no way to wrap it to another line (so that there are two lines of text where it doesn't fit in one)?

I have turned off the maintenance mode so that you can judge it yourself on http://beautystreet.pl.

What I mean is that on a mobile device the names of treatments (services) should wrap around - they should be on two lines so that you can read which part of the body they apply to (and now it is invisible).

Hi!

Thanks for the proposed solution, unfortunately nothing changes :(

Any other idea?

This is the solution :) Thanks!

In tablet mode it still hides the text (does not wrap to the second line).
Can this be adjusted with the parameter (max-width: 767px)?

Thank you. Its works excelent.