Form gets cropped by header

  • Resolved Kaishav

    (@kaishav)


    4 years, 8 months ago

    Hello,

    I am having a minor issue with the form when it opens up on large screen. The upper part of the form gets behind the header. FYI I am using a custom header plugin with the DIVI Theme. I tried changing the header section to a negative z-index but it does not fix the issue.

    When i diminish the height of “Message” field, Then the upper part appears. Unfortunately many visitors wont know if that can be done.

    Grateful if you could check and provide a quick fix for that ?? Maybe an option to change height or adjust the z-index on the form so that it is above all the content of the page.

    Many Thanks
    Kavi

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author WPBean

    (@wpbean)

    Yes, z-index issue.
    Add this CSS code on your site, the issue will be fixed.

    .swal2-container { z-index: 1060000; }

    Thanks

    Thread Starter Kaishav

    (@kaishav)

    Thank you. It works. Now the form appears properly.

    I just discovered another issue now ??

    Whenever I close the form, the menu buttons and the link in the logo stops working. As if whenever I open the form it locks the header section. Even if I reload the page, the header section still does not work. I have to go back to the homepage.

    Regards,
    Kavi

    • This reply was modified 4 years, 8 months ago by Kaishav.
    Plugin Author WPBean

    (@wpbean)

    I think it’s not related to the quote plugin.
    Add this CSS code on your site, this issue will be solved –

    .single-product .et_pb_section_8 {
    z-index: inherit!important;
    }

    Thread Starter Kaishav

    (@kaishav)

    Wow again I am impressed by the speed and quality of your support. Thank you very much. As at now everything seems to be working fine ??

    Plugin Author WPBean

    (@wpbean)

    Good to know that.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Form gets cropped by header’ is closed to new replies.