Scroll Buttons: Multiple CTA buttons scroll to the same form

Hey Rikard

Thank you, let me show you the code I currently use:

1) Anchors in all buttons:
<div style=”text-align:center;”>
Leitfaden jetzt kostenfrei anfordern
</div>

2) Added the ID to my form:
“kontaktformular”

Please reproduce my problem:
Only first button works, other belo buttons don’t work.

Found some issue with the soft scroll? first time press button, second time?

Thank you for looking into thsi issue.

Philipp

Thank you so much – Rikard, just made the suggested corrections on all scroll-buttons.

Seems 1st button scrolls, but from 2nd to last button the page
moves up and down to the next button,
but not to the form.

Can you have another look?

Much appreciated!

Hi Ismael

Thank you for coming back.

Nothing special (standard plugins like staging, Yoast, etc.) and only custom CSS:

/*Menue Button*/
/*#top #wrap_all .header_color li#menu-item-10312.av-menu-button-colored > a .avia-menu-text {background-color:#FA7D19;}*/

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {background-color:#FA7D19 !important; border-color:#FA7D19 !important;}

#menu-item-10312 .avia-menu-text {background-color:#FA7D19 !important; border-color:#FA7D19 !important;}

/*Desktop*/
@media only screen and (max-width: 1920px) {
.indicates-required {display:none !important;}
.mc-field-group label {display:none !important;}
.mc-field-group {clear:none !important; width:32% !important; float:left !important; margin-right:13px;}
.mc-field-group input {font-size:16px !important; padding:13px !important;}
#mc_embed_signup .button {background-color:#2d5c88 !important; border-color:#0b3a66 !important; width:32% !important;border-radius:2px !important; height:45px !important; line-height:23px !important;}
#mc_embed_signup .button:hover {background-color:#3d71a1 !important; border-color:#1b5080 !important;}
}

/*Mobil – Tablet*/
@media only screen and (max-width: 768px) {
.mc-field-group input {margin-bottom:0px !important;}
.mc-field-group {clear:none !important; width:100% !important; float:left !important; margin-right:13px; margin-bottom:0px !important;}
#mc_embed_signup .button {width:100% !important;}
}

/*News Übersicht Seite – Datum deaktiviert*/
.html_elegant-blog .avia-content-slider .slide-meta {display:none !important;}
/*Zwei Border Linien Blog Seite deaktiviert*/
.html_elegant-blog #top .post-entry .post-meta-infos {display:none !important;}

#top .av-menu-button > a .avia-menu-text {border-radius: 20px !important;}

/*P-Tag move font size*/
.p-move-h2 {font-size:40px !important; font-weight:bold;}

/* CSS Enfold-Mailchimp-Newsletter Input fields*/
#top .avia_ajax_form.avia-mailchimp-form input[type=’text’] {
background: #c4dff6;
color: #00334e;
}
#top .avia_ajax_form.avia-mailchimp-form .required{
display: none;
}

Any thoghts?

Thank you.

Philipp

Hi Rikard

I deactivated all plugins and deleted the CSS, no change.

Please note, this issues checked with ChatGPT:

Here’s a clear English version of your text:

> Why does the page “jump up and down”?
> The cause isn’t the button itself, but the combination of:
> – multiple anchor links using #kontaktformular
> – Enfold’s **sticky header + scroll offset**
> – possibly **animation or lazy loading**
>
> 👉 Result:
> On the first click → works correctly
> On subsequent clicks → the browser thinks:
> “I’m already at the anchor,”
> → so it briefly jumps up and down without actually scrolling.
>
> This is standard HTML behavior, amplified by Enfold.

Any thoughts how I can resolve this issue?

Thank yous so much!

Best,
Philipp

Hi Rikard

Done that, same same – jumping up and down, only first button on page works.

I am not a pro, but how about the PHP version to be updated? What else? Any workaround to be recommended to this issue?

Die unten aufgeführten Optionen beziehen sich auf deine Serverkonfiguration. Wenn Änderungen erforderlich sind, benötigst du möglicherweise die Unterstützung deines Webhosting-Unternehmens.

Server-Architektur Linux 6.8.0-85-generic x86_64
Webserver Apache
PHP-Version 7.4.33-nmm8 (Unterstützt 64bit-Werte)
PHP-SAPI fpm-fcgi
Maximale PHP-Eingabe-Variablen (max_input_vars) 10000
Maximale PHP-Ausführungszeit (max_execution_time) 600
PHP-Arbeitsspeichergrenze (memory_limit) 512M
Maximale Eingabe-Zeit (max_input_time) -1
Maximale Dateigröße beim Upload (upload_max_filesize) 512M
Maximale Größe der PHP-Post-Daten (post_max_size) 512M
cURL-Version 8.5.0 OpenSSL/3.0.13
Ist SUHOSIN installiert? Nein
Ist die Imagick-Bibliothek verfügbar? Ja
Werden sprechende Permalinks unterstützt? Ja
.htaccess-Regeln Individuelle Regeln wurden deiner .htaccess-Datei hinzugefügt.
robots.txt Deine Website verwendet die dynamische robots.txt-Datei, die von WordPress generiert wird.
Aktuelle Zeit 2026-02-13T07:38:40+00:00
Aktuelle UTC-Zeit Friday, 13-Feb-26 07:38:40 UTC
Aktuelle Serverzeit 2026-02-13T08:38:37+01:00

Thank you.

Philipp

Hi Rikard

Thank you for your support.

What I did:
* reduced caching plugins down to W3 Total Cache
* deactivated W3 Total Cache with deleting all of the cache

No change, still the same issue.

What can I do?

Thank you