Hi! On mobile devices, when I load the page that contains the calendar of the Events, everything is fine, but when I tap on the arrow to see the available dates of the next mont, it breaks. So everytime I go to the next or the previous month the calendar doesnt load right since it makes the text of some dates bigger and the number of available events is out of the area in some cases. I am attaching 2 photos. Thanks in advance!
We just got the feedback from our colleagues and they have told us that you can insert this script on that page
<script>
window.ameliaEventsLoaded = () => {
var elements = document.getElementsByClassName('am-event__btn');
function addTrigger(element) {
element.addEventListener("click", function(e) {
setTimeout(() => {
window.dispatchEvent(new Event('resize'));
}, 300)
}, false);
}
for (let i=0; i < elements.length; i++) {
addTrigger(elements[i])
}
}
</script>
This should help.
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.
You are most welcome, and we are glad that we were able to help you. If you have any more questions please open another ticket and we will gladly help you there.
Hi!
On mobile devices, when I load the page that contains the calendar of the Events, everything is fine, but when I tap on the arrow to see the available dates of the next mont, it breaks. So everytime I go to the next or the previous month the calendar doesnt load right since it makes the text of some dates bigger and the number of available events is out of the area in some cases. I am attaching 2 photos.
Thanks in advance!
Attached files: amelia-events-1st-page.jpg
amelia-events-2nd-page.jpg
Hello,
Thank you for reaching out to us.
Can you please send the URL of that page so that we can test this on several devices to take a closer look?
Looking forward to your reply.
Kind Regards,
Marko Davidovic [email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, floor plans, choropleth maps, and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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
Hello ,
We have forwarded your ticket to our level 2 agents and as soon as we get some feedback from them we will contact you immediately.
Kind Regards,
Marko Davidovic [email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, floor plans, choropleth maps, and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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
Hello!
Great! I' ll be looking forward to your reply.
Hello ,
We just got the feedback from our colleagues and they have told us that you can insert this script on that page
This should help.
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.
We wish you all the best.
Have a nice day.
Kind Regards,
Marko Davidovic [email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, floor plans, choropleth maps, and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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
Hello again!
It works like a charm!
Thank you and the rest of the team for the quick response and the great service!
Best Regards!
Hello,
You are most welcome, and we are glad that we were able to help you. If you have any more questions please open another ticket and we will gladly help you there.
We wish you all the best.
Have a nice day.
Kind Regards,
Marko Davidovic [email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, floor plans, choropleth maps, and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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