Tagged: datepicker
The datepicker does not look properly on mobile device as buttons appear on top of each other.
Hey bremerlloyd,
Could you post a link to the page in question so that we can take a closer look please?
Best regards,
Rikard
It also looks strange on the desktop page. I mean the forward and back buttons and the arrows next to the year/month.
Hi bremerlloyd,
Works fine on my iPhone SE Safari, which device are you using?
Best regards,
Victoria
Hi Victoria,
I have the exact same image. I was just wondering as the arrows are behind the 2017 and the squares above (Vorangegangen/Weiter) looked strange to me. However, if this is the normal layout I am fine
Hi,
There is a css conflict with a plugin (css in conflict in private content), try adding this css code in Quick CSS (located in Enfold > General Styling):
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev,
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-next {
padding: 0 !important;
}
a.ui-datepicker-prev.ui-corner-all:before,
a.ui-datepicker-next.ui-corner-all:before {
display: none !important;
}
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-title {
padding: 0 !important;
}
Hope this helps :)
Best regards,
Nikko
This always worked. However, the word vorangegangen is too long. Maybe its better to use the word “zurück”.
Hi,
You can go ahead and change it using a plugin like Loco Translate.
Try it out and let us know if that would work out for you.
Best regards,
Basilis