Using the Jotform Lightbox Embed code breaks my sticky header

  • mrdanielhcho
    Asked on January 11, 2019 at 10:20 PM

    I want to utilize the lightbox, but it prevents my header from sticking to the screen for some reason.


    If I can find a solution to fix this that would be great.


    Currently, I am using a modal window to open an iframe embed, but I noticed utilizing iframe resets my page view to the top when the modal is closed.


    Using the regular embed script doesn't launch the form at all.

  • Victoria_K
    Replied on January 12, 2019 at 8:28 AM

    It seems that there's some sort of script conflict with other page content. I can suggest to try embedding form as lightbox with the following adjustment. Please remove '2' at script link, embed form and check if it will be loaded correctly on your page. Different script should be used to load the form in this case:

    Using the Jotform Lightbox Embed code breaks my sticky header Image 1 Screenshot 20

  • mrdanielhcho
    Replied on January 13, 2019 at 9:01 PM

    Thank you, that solved that issue very well.

     

    However, I had one more question in turn.

     

    I noticed that the lightbox wasn't behaving as intended?

     

    When previewed from jotform:

     1547431556jotform1 Screenshot 10

     

    When viewed live on mobile:

    1547431657jotform2 Screenshot 21

     

     

    Thank you again for the help!

  • Ashwin JotForm Support
    Replied on January 14, 2019 at 3:24 AM

    I have moved your second question to a new thread so that we can address it separately. You will be answered in the following thread:  https://www.jotform.com/answers/1699425