Hey there, Awesome Customers!

Just a heads up: We'll be taking a breather to celebrate International Workers' Day (May 1st and 2nd - Wednesday and Thursday) and Orthodox Easter from Good Friday (May 3rd) through Easter Monday (May 6th). So, from May 1st to May 6th, our team will be off enjoying some well-deserved downtime.

During this time, our customer support will be running on a smaller crew, but don't worry! We'll still be around to help with any urgent matters, though it might take us a bit longer than usual to get back to you.

We'll be back in action at full throttle on May 7th (Tuesday), ready to tackle your questions and requests with gusto!

In the meantime, you can explore our documentation for Amelia and wpDataTables. You'll find loads of helpful resources, including articles and handy video tutorials on YouTube (Amelia's YouTube Channel and wpDataTables' YouTube Channel). These gems might just have the answers you're looking for while we're kicking back.

Thanks a bunch for your understanding and support!

Catch you on the flip side!

Warm regards,

TMS

Okay
  Public Ticket #3576568
Error scroll down modal on mobile
Closed

Comments

  • Jose Manuel Charro started the conversation
    February 3, 2024 at 5:30pm

    There's a quite concerning bug on mobile. When opening an event and trying to scroll from the mobile device, it doesn't allow me. Send a screenshot so you can see how the screen stretches out in white. I need to be able to scroll easily and access the buttons at the bottom so that the client can continue with the booking. Im using an iphone 13

    Attached files:  bug modal mobile.PNG

  •  388
    Stefan replied
    February 5, 2024 at 9:50am

    Hello Jose,

    Thanks for reaching out to us.

    It's not a bug, this issue occurs because of the two sliders for each booking form. By default, your website has a slider option, but when you open an event, there is another slider.

    You can try using 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.

    Let us know if it works.







    Kind Regards, 

    Stefan Petrov
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables