Hi,
Thanks for the login, I added the function in your child theme functions.php and it seems to solve the issue.
Please ensure that you clear your device cache a couple of times, please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

function slow_scroll_to_anchor() { ?>
  <script>
(function($) {
  $('a[href*=#]:not([href=#])').click(function() {
  	var width = $(window).width()
    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) {
      	if ($(window).width() < 768) {
        $('html,body').animate({
          scrollTop: target.offset().top - 10 //offsets for fixed header
        }, 1000);
        return false;
      } else {
      	$('html,body').animate({
          scrollTop: target.offset().top - 80 //offsets for fixed header
        }, 1000);
        return false;
      }
      } 
    }
  });
  //Executed on page load with URL containing an anchor tag.
  if($(location.href.split("#")[1])) {
      var target = $('#'+location.href.split("#")[1]);
      if (target.length) {
      	if ($(window).width() < 768) {
        $('html,body').animate({
          scrollTop: target.offset().top - 10 //offset height of header here too.
        }, 1000);
        return false;
      } else {
      	$('html,body').animate({
          scrollTop: target.offset().top - 80 //offset height of header here too.
        }, 1000);
        return false;
      }
      } 
    }
}(jQuery));
</script>
  <?php
}
add_action( 'wp_footer', 'slow_scroll_to_anchor', 99 );

Best regards,
Mike

Hey Yossi,
Thank you for your patience, I have tried reviewing your videos and pages on desktop and mobile and as I understand, on mobile the last menu item 1F from the homepage, or other pages falls short, and from what I can see the same issue is occuring with the last item on other pages. This seems to only be with the last items and only from other pages.
Is this correct?
I believe this is because when you are on the correct page all of the images and elements are loaded so clicking the last menu item lands correctly,
but from other pages going to the last menu item of a different page, the images are lazy loading changing the height of the page after load causing the issue.
Are you using a lazy load plugin or a caching pluging with lazy loading?
It looks like the images also are using the theme animation when they are in view, which will be different for mobile that desktop.

If you are using lazy loading please try to disable this to see if it helps, so we can determine if this is indeed the issue.
I think we can use some javascript to force the page to fully load and then scroll to the sections, but it will help if we had admin access to test.
Is this site live? Would you prefer us to test on a staging site?
If so please include an admin login in the Private Content area with a link to the staging site so we can test, or we can test on this site if you wish.

Best regards,
Mike

Hi,
Unfortunately we don’t know how the plugin works or how what you want would be achieved, we are limited to our support for third party plugins.

Best regards,
Mike

Hi,
Thanks for the login, and I’m glad this this helped you, although I would recommend using a custom ID so that the css only changes the image in the element that you wish and not in other elements in your site. If you add the custom ID: section-mobile-bg then your new css would be:

@media only screen and (max-width: 767px) { 
#section-mobile-bg.avia-section .av-parallax .av-parallax-inner {
    background-repeat: no-repeat;
    background-image: url(https://hauptwerk-zt.at/wp-content/uploads/2024/01/rendering1_smartp.jpg);
    background-position: 0% 50%;
}
}

As for your last question about stretch to scale, you didn’t say if you wanted this for the desktop or mobile, the element settings will only work for the desktop because you are using css to replace the image on mobile, so for mobile you would need to add a css rule.
But when I check it doesn’t look like it is needed for desktop or mobile because in both cases the whole image is shown.
Perhaps a screenshot of what you are seeing and further explanation would help

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, unless there is anything else we can assist with on this issue, shall we close this thread then?

Best regards,
Mike

Hi,
Glad to hear that recreating the page solved the issue, I’m not use what may have caused this as I can’t reproduce it. You can Enable the Avia Layout Builder Debugger to view the page shortcode, to see if you can spot anything unusual.
Since recreating the page solved the issue, shall we close this thread then?

Best regards,
Mike

Hi,
Thank you for your patience, I have asked the Dev Team to review this issue and will reply when they have reviewed and replied. Thank you for your patience

Best regards,
Mike

Hi,
Please note that the browsers typically block videos from auto playing on mobile devices, it is recommended to not use auto playing videos on mobile and ask the user to click to play, or to use a image for mobile.
Some users have found that self hosting the video on their site and using the LayerSlider often works for mobile, but this workaround may not work forever.
Safari & Chrome issued this standard a whaile back and now Edge is built on the Chrome code, so for the future it will be better to not use auto playing videos.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thanks for trying, I’m not sure what could be causing this, so I asked the rest of the team for advise. Thank you for your patience.

Best regards,
Mike

Hi,
Each image has a bottom margin, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#welcome .avia-image-container.avia-align-center {
    margin: 0;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Please note that each class needs to be unique, like this:

.my-hex-color-one {
background-color: #F6BFCA;
}

.my-hex-color-two {
background-color: #F2DFD7;
}

.my-hex-color-three {
background-color: #F6BFCA;
}

.my-hex-color-four {
background-color: #F2DFD7;
}

.my-hex-color-five {
background-color: #F6BFCA;
}

.my-hex-color-six {
background-color: #F2DFD7;
}

and the class that you add into the menu Clases CSS should match the color that you want.

Best regards,
Mike

Hi,
So it’s working for you also now?

Best regards,
Mike

Hi,
Try disabling all of your plugins. If that resolves the issue, reactivate each one individually until you find the conflict.

Best regards,
Mike

Hi,
Try adding a screenshot and post the link in the thread.
Did you try with the login you posted for us?
What browser are you using, do you have any browser addons?

Best regards,
Mike