Hello Davide,

Thanks for reaching out to us.

Unfortunately, I'm not able to see the page where i can reproduce this, but i suppose this is happening because of the second slider. There is one slider for the whole page, but as soon as you open a package/service, that window has another slider.

Perhaps, you can add this custom CSS code 

@media only screen and (max-width: 548px) {
  .amelia-v2-booking.am-dialog-el .el-dialog {
    margin-top: 0px !important;
  }
  .amelia-v2-booking #amelia-container .am-dialog-el__main-container {
    max-height: calc(100vh - 68px) !important;
  }
}

Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways. 

If you need help with adding custom CSS to the page, please take a look at this article.

Please, let me know if it works and / or provide more details with the URL of page where this happens.

Hello Davide,

Thanks for the additional explanation. Yes, according to your explanation, it looks like it "double slider" issue.

Have you tried this CSS code, already?

@media only screen and (max-width: 548px) {
  .amelia-v2-booking.am-dialog-el .el-dialog {
    margin-top: 0px !important;
  }
  .amelia-v2-booking #amelia-container .am-dialog-el__main-container {
    max-height: calc(100vh - 68px) !important;
  }
}

Hello Davide,

You are welcome. Yes, this is something that can be "fixed" with custom CSS. Unfortunately, I'm not able to see the page with the booking form. Can you please the URL of the page where the booking form is located?

Hello Davide,

Unfortunately, looks like those links are not available now. I understand that you've changed the site to "maintenance" mode.