Page not scrolling to top after submitting the form to show the Thank you message

  • NewPerspectivesTravel
    Asked on October 15, 2018 at 8:15 AM
    When I complete my form on www.new-perspectives-travel.com/booking-form the thank you page scrolls right to the bottom, so that the person does not actually see there is a message there. How can this be fixed?
  • Kiran Support Team Lead
    Replied on October 15, 2018 at 8:57 AM

    I have checked your web page and able to replicate the issue by sending a test submission. The web site seems to be built using WordPress and the form is embedded using Lightbox embed method.

    Could you try injecting the following CSS code to your form to reduce the height of the thank you page to see if that helps?

    body.thankyou {

        height: 550px;

    }

    Please get back to us if you need any further assistance. We will be happy to help. 

  • NewPerspectivesTravel
    Replied on October 15, 2018 at 9:38 AM

    Hello,

    This reduces the size of the thank you page, but not the form behind it. The result is that I end up at the bottom of the form (background) and have to scroll a long way up to find the thank you message. 

  • Kiran Support Team Lead
    Replied on October 15, 2018 at 12:27 PM

    I am checking on this issue. Please allow me sometime to work on it and get back to you with relevant information.

    Thank you for your patience. 

  • Kiran Support Team Lead
    Replied on October 20, 2018 at 5:29 AM

    I am sorry for the delay in responding back. I have tested several scripts to include in the embed code which didn't work. However, as I research it further, the jQuery version feedback.js file did the trick. Please try changing the filename feedback2.js to feedback.js in the embed code and the Thank you page should be displayed properly.

    154002778020102018 141056 Screenshot 10

    Please give it a try and let us know if you need any further assistance. We will be happy to help. 

  • NewPerspectivesTravel
    Replied on October 23, 2018 at 2:56 PM

    Hello,


    thanks for this. However, I have no idea whatsoever how to change this file name! Please help!

    Thanks.

  • arthurprc
    Replied on October 23, 2018 at 4:06 PM

    This code is the LightBox integration. You need to change it in the website www.new-perspectives-travel.com/booking-form

    Please let us know if you need further assistance to edit it.

  • NewPerspectivesTravel
    Replied on October 28, 2018 at 2:44 PM

    Hello,

    I have made this change, but it messes up the display, as per the screen15407522612018 10 28 (3) Screenshot 10 shot. 



  • jonathan
    Replied on October 28, 2018 at 3:32 PM

    Please try updating the form embedded code base on these 2 options

    1. It seems your website does not support https, so I suggest you re-embed the form using its none https code. Use http instead.

    1540754816zzz 2018 10 29 03 Screenshot 10


    2. You must be referring to the width issue of the lightbox form. When you get the lightbox embed code, before you add it to your website, can you try edit the width parameter and change it to higher number.

    I am referring to this part of the embed code.

    1540755115zzz 2018 10 29 03 Screenshot 21


    Let us know how it goes.