Farbsektion Anker

Hey sasminka,
Vielen Dank für den Link, aber ich habe kein iPad mini. Bitte fügen Sie einen Screenshot des Fehlers bei, damit ich versuchen kann, ihn zu unterstützen.
Sie können Ihr Bild auf postimages.org hochladen und den Link in den Bereich “Privater Inhalt” einfügen.

— Translated with Google —

Thank you for the link, but I don’t have a iPad mini, please include a screenshot of the error so I can try to assist.
You can upload your image to postimages.org and include the link in the Private Content area.

Best regards,
Mike

Hi,
Danke, ich verstehe jetzt besser.
Was Sie also brauchen, ist ein Versatz für diese Bildschirmgröße. Das folgende Skript fügt nur den Links “li.menu-item-type-custom” in Ihrem Header einen Versatz von 124px hinzu und funktioniert bei kleinen Mobilgeräten aufgrund meiner Tests nicht das hat richtig funktioniert. Ich habe auch getestet, dass dies für Desktop-Geräte korrekt funktioniert.
Fügen Sie diesen Code am Ende Ihrer functions.php-Datei unter Darstellung> Editor hinzu:

function custom_offset(){
  ?>
  <script>
(function($){
	var width = $(window).width()
	if ((width >= 768)) {
    $('li.menu-item-type-custom a[href*="#"]:not([href="#"])').click(function() {
    var offset = -124; // <-- change the value here
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
        var target = $(this.hash);
        target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
        if (target.length) {
            $('html, body').animate({
                scrollTop: target.offset().top + offset
            }, 1000);
            return false;
        }
    
    }
    
});
} else {}
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_offset');

— Translated with Google —

Thank you, I understand better now.
So what you need is an offset for this screen size, the following script adds a 124px offset to only the “li.menu-item-type-custom” links in your header and it will not work for small mobile devices because in my tests that worked correctly. I also tested that this worked correctly for desktop devices.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_offset(){
  ?>
  <script>
(function($){
	var width = $(window).width()
	if ((width >= 768)) {
    $('li.menu-item-type-custom a[href*="#"]:not([href="#"])').click(function() {
    var offset = -124; // <-- change the value here
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
        var target = $(this.hash);
        target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
        if (target.length) {
            $('html, body').animate({
                scrollTop: target.offset().top + offset
            }, 1000);
            return false;
        }
    
    }
    
});
} else {}
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_offset');

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike