but you are talking about a section – i guess you are inside a column alb element now

Yesterday i had a similar message with that tool – and it was my logo image – but i used it additionally on a different place ( in my case in icon circle as center logo image) unfortunately the alt attribute from the media library is not taken over here.
or f.e.: in your footer widget – have a look if you place that image elsewhere – because that tool does not show where you placed that image – only the path of that image.

per css kannst du die min-height einstellen – allerdings verändert sich dadurch nicht automatisch das padding-top von #main.
also zB:

#header_meta .container {
 min-height:50px;
}

der default Wert ist 30px – diese extra 20px müsstest du dem padding-top für #main zu addieren.
Und zwar für alle responsiven Fälle – ausgenommen den Seiten mit transparentem Header.

can you try something like this:

function av_change_logo_link_for_language($link){
    $currentlang = get_bloginfo('language');
    if($currentlang=="en-US"){
        $link = get_site_url().'/?lang=en';  // you know your permalink structure better than me
    }
    return $link; 
}
add_filter('avf_logo_link','av_change_logo_link_for_language');

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 ?