Hi,
on mobile version the calendar of my contact form is shown under the breadcrumb and the header. How can I fix it?
(I have tried this code but it didn’t help.
.avia-datepicker-div.ui-datepicker {
z-index: 1000 !important;
})
Hey vnfan!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
.title_container {
z-index: 1;
}}
Best regards,
Yigit
Hi Yigit,
it works with the breadcrumb but still has problem with the header.
Hey!
We checked for the issue and both the calendars works correctly please see the screenshot attached.
If this is not what you see on your end please refresh the browser cache and try again.
If the issue still exist please share a screenshot with us and info about the browser you are using so we can help you better.
Cheers!
Vinay
Hi Vinay,
it happens with the fist question.
Hi!
Please add following code to Quick CSS as well
@media only screen and (max-width: 767px) {
.page-id-3339 #header {
z-index: 1;
}}
Cheers!
Yigit
It is done. Thank Yigit for you code.