Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 13, 2020 at 2:45 pm #1184154
    bramblejam

    Hi

    I have a code block with a widget for Freetobook booking engine. The problem I have is that when you click on the drop down calendar the dates are lost under the content block below the code block. This is especially problematic on mobile devices. Is there a way to force the code block to appear above the one below?

    Cheers
    Kenny

    February 14, 2020 at 1:11 pm #1184473
    Mike

    Hey bramblejam,
    Thanks for the link, please try this css

    #footer {
	z-index: 0;
}
.datepicker.datepicker-dropdown {
	z-index: 50;
}

    Expected results
    2020-02-14-060200

    Best regards,
    Mike

    February 17, 2020 at 11:34 am #1185160
    bramblejam

    Hi Mike

    That works great on a desktop/laptop, but when viewed on a mobile phone the date drop down is still causing an issue – you can still see the text from the other element underneath and you cannot select a date.

    Kind Regards
    Kenny

    February 17, 2020 at 11:48 am #1185171
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px) { 
.flex_column.av_one_half.flex_column_div.av-zero-column-padding.avia-builder-el-11 {
	z-index: 0 !important;
}
}

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    February 17, 2020 at 12:04 pm #1185178
    bramblejam

    Thanks Mike that worked!

    February 17, 2020 at 2:48 pm #1185227
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Code block’ is closed to new replies.