Hi, customers keep contacting me, as they are unable to proceed with a booking from the Event list screen on their mobile. When checking in detail I found out the trouble is they need to scroll twice to get to the button for booking in any browser (be it Safari or Chrome). Obviously some dont do this or dont understand it. I fear that I‘m missing out on sales with this Usability. I have tried adding an on-screen video but the format is not accepted.
Hi Uros, I tried this and it solves the issue. Thank you so much. But its the first time for me adding a snippet and since I was lacking instructions I hope the Plugin Editor and Amelia event list.inc.php was the correct spot within a new style tag. Thanks for reconfirming.
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.
If you need help with adding custom JS to the page, please take a look at this article.
Hi, customers keep contacting me, as they are unable to proceed with a booking from the Event list screen on their mobile. When checking in detail I found out the trouble is they need to scroll twice to get to the button for booking in any browser (be it Safari or Chrome). Obviously some dont do this or dont understand it. I fear that I‘m missing out on sales with this Usability. I have tried adding an on-screen video but the format is not accepted.
Hello Tina,
Thank you for reaching out ot us.
Please try the following CSS for this purpose and let me know if that works for you:
@media only screen and (max-width: 768px) { .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 - 70px) !important; } }
Looking forward to your reply.
Kind Regards,
Uros Jovanovic
[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
Hi Uros, I tried this and it solves the issue. Thank you so much. But its the first time for me adding a snippet and since I was lacking instructions I hope the Plugin Editor and Amelia event list.inc.php was the correct spot within a new style tag. Thanks for reconfirming.
Hello Tina,
Glad to be able to assist you.
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.
If you need help with adding custom JS to the page, please take a look at this article.
Kind Regards,
Uros Jovanovic
[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