My form jumps when changing page tab

Hello, 

When I change page (or tab) in the form on the page below, my screen jumps down. How can I solve this?

https://royalbrinkman.nl/promotie/tomatenhaak-configurator

That's the behavior of the form when multipage is present. It jumps to the top. But since you have a fixed header, the form jumps beneath that section. The solution for this would be to move the form down with custom CSS codes when the fixed header is shown. I'm checking the CSS for you. I'll keep you posted. 

I realized that my solution will just create a new problem in the form. A workaround would be to disable the sticky header for that specific page. Do you have an option to do that? 

You mean the sticky searchbar on the page?

We've also created another form with mutiple tabs (see link below). Happens the same when I click for example tab 6, however tabs 4 and 7 are working fine. 

https://royalbrinkman.nl/promotie/hoezen-configurator

Yes, the header with the search bar.

The other page is also jumping. Try to switch between pages. If you'll hide the header of the pages where the form is embedded, you'll have the form this way;

https://drive.google.com/file/d/1VkFK2yotH1PMbMD8nsM0ygW4KW5ueIuJ/view 

Thanks for your answer, but I'm unfortunately not able to hide the sticky searchbar. Is there any other solution?

Can you try adding "nojump" parameter to your embed iFrame URL and embed your form to the webpage again?

For example the source URL on your iFrame embed code should look like this:

"https://form.jotformeu.com/71303354439352?nojump"

After embedding your form with the nojump parameter, screen will jump down to your form upon clicking, but when navigating between tabs, it won't jump again. For example:

Hope it helps!