and do not forget the filter – you can change the source for those images by:

function my_avf_newsbox_image_size( $image_size, array $args, array $instance ){
  if( $args['widget_id'] == ( 'portfoliobox-3' || 'newsbox-2' || 'newsbox-4' ) ){
    $image_size = 'square';
  }
  return $image_size;
}
add_filter( 'avf_newsbox_image_size', 'my_avf_newsbox_image_size', 10, 3 );

filter is for portfolioboxes and newsboxes ! you only had to know the index of your setting.

or – if it necessary to wait till DOM is loaded:

function hide_header_main() {
?>
<script>
window.addEventListener('DOMContentLoaded', function() {
  (function($) {
      var element_to_animate = $('.waypoint-trigger');  
      var $header = $('#header_main');

    element_to_animate.waypoint(function(direction) {
      if (direction === 'down') {
        $header.addClass('waypoint-hide');
      }
     },{offset: '10%'}
    ); 

    element_to_animate.waypoint(function(direction) {
      if (direction === 'up') {
        $header.toggleClass('waypoint-hide');
      }
     },{offset: '10%'}
    );
  })(jQuery);
});
</script>
<?php
}
add_action('wp_footer', 'hide_header_main', 9999);

or try your script and look if the semicolons are needed

On your media library – did you insert on attachment details any title or alt attribute?

maybe this could be an alternative solution: it calculates the amount of top-level menu-items and places a copy of your logo to the navigation.
best presetting will be logo left – menu right – because on hamburger active it will have the logo then the right way.

see: https://pureinstall.webers-testseite.de/logo-centered/

PS: you have to synchronize the css media query with your setting – when burger will be active

btw: – you do not need the script – you can place an image yourself manually to main menu ( even svg code is accepted on label ) – give a custom-ID to that menu-item ( e.g.: menu-item-logo ) and play with show or hide real logo or navigation logo image. Like the css on the example page does.

what is it as source – an image or something else?
if it is an image try:

#top .mfp-image-holder .mfp-content {
  max-width: 90vw;
}

for image lightbox put this to your child-theme functions.php:

function change_lightbox_size() {
    return "full";
}
add_filter('avf_avia_builder_helper_lightbox_size','change_lightbox_size', 10);

for the rest you can test:

/**  Masonry Gallery ??? ********************************/
function avia_change_masonry_thumbnail_link($size){
  return "full";
}
add_filter('avf_avia_builder_masonry_lightbox_img_size', 'avia_change_masonry_thumbnail_link', 10, 1);
/*** End ***/

/** Image Gallery **/
function avia_change_gallery_thumbnail_link($link, $attachment, $atts, $meta){
    $link = wp_get_attachment_image_src($attachment->ID, "full");
    return $link;
}
add_filter('avf_avia_builder_gallery_image_link', 'avia_change_gallery_thumbnail_link', 10, 4);
/*** End ***/

/** Source for the Ajax Gallery **/
add_filter("avf_ajax_preview_image_size", function($size) {
   $size = "full";
   return $size;
}, 10, 1);
/*** End ***/

btw: do not use the option : Enfold (Child) – Performance : “Responsive Images For Lightbox (currently in beta only)”
i think there is a little bug – i will open a topic for it now.

Yes – that’s probably the best course of action – wait until the layout is finished and all the content is set.
Only when it is time to do performance tests on the page should you go over to using these settings or activating plug-ins of this kind.

With the browser cache, however, there is probably no good solution – apart from the one you have already mentioned.
There used to be keyboard shortcuts that could clear the browser cache. Unfortunately, there is probably no such thing any more. Depending on the browser, it can be done via various menu items. It’s probably easier to set the browser so that it clears the cache when you close it.

But : there are a lot of Browser Addons that will do the job by one click or ( Key Setting )

First: Columns have zero padding as the default value.
Color-sections do have a default padding value ( 0 50px ) that goes to the div with class : container ( just a left/right padding )
the next following container with class: content got top and bottom padding ( 50px 0 ) as a default value.
Color-sections do have a min-height option ( put that is a different standard value of 100px )

Do I understand you correctly in the sense that you initially set paddings on the two elements – but would like to globally undo them using a css rule for it ?

do you mean the time span between the sentences? or the time when the individual letters appear.
the first got an alb options dialog : Advanced – Animation : “Autorotation duration”

What have you set on : Dashboard – Settings – Reading: “Blog pages show at most” ?

if you do not want to completely remove the titles – just do that on mouseover:
( play a bit with the selectors – maybe it is not useful to have that for all elements with titles )

function temporary_removal_title_tags(){
?>
<script>
  window.onload = function() {
      var links = document.querySelectorAll('a, img, *[title]');
      for (var i = 0; i < links.length; i++) {
          var link = links[i];
          link.onmouseover = function() {
              this.setAttribute("data-tooltip", this.title);
              this.title = "";
          };
          link.onmouseout = function() {
              this.title = this.getAttribute("data-tooltip");
          };
          link.onmousedown = function() {
              this.title = this.getAttribute("data-tooltip");
          };
      }
  };
</script>
<?php
}
add_action('wp_footer', 'temporary_removal_title_tags');