Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 22, 2016 at 11:05 am #619746
    vnfan

    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;
    })

    April 22, 2016 at 12:42 pm #619866
    Yigit

    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

    April 22, 2016 at 2:31 pm #619970
    vnfan

    Hi Yigit,
    it works with the breadcrumb but still has problem with the header.

    April 22, 2016 at 2:35 pm #619974
    Vinay

    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

    April 22, 2016 at 3:12 pm #619998
    vnfan

    Hi Vinay,
    it happens with the fist question.

    April 25, 2016 at 1:19 pm #621262
    Yigit

    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

    April 25, 2016 at 4:49 pm #621478
    vnfan

    It is done. Thank Yigit for you code.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘the calendar (CF7) is shown under the header’ is closed to new replies.