The flex-cell itself has an editor option. Click the edit button of that cell on the right. There is a tab with “styling” options. On Cell padding you see the comment:

Cell Padding
Set the distance from the cell content to the border here. Theme default is 30px.

if you set that padding to Zero – you won’t have that white space

Welche Version von Enfold nutzt Du? Weil – ja es war mal so, dass die sections standardmäßig eine 1px top border erhielten; Seit man aber in den Einstellungen der Color-Section die Auswahl bei Layout – Border die Einstellung setzen kann, ist das wohl nicht mehr so.
Die Standardeinstellung ist nämlich die, dass dann die Klasse: avia-no-border-styling gesetzt wird. Diese Klasse sorgt dafür , dass die Regel:

.container_wrap {
  border-top-style: solid;
  border-top-width: 1px;
}

nicht mehr greift wegen:

#top #wrap_all #main .avia-no-border-styling {
  border: none;
}

Wie gesagt, daher vermute ich Du nutzt eine ältere Version.

____________

Which version of Enfold are you using? Because – yes, it used to be the case that the sections had a 1px top border by default; but since you can set the selection in the settings of the color section under Layout – Border, this is probably no longer the case.
The default setting is that the class: avia-no-border-styling is then set. This class ensures that the rule:

.container_wrap {
  border-top-style: solid;
  border-top-width: 1px;
}

no longer applies because of:

#top #wrap_all #main .avia-no-border-styling {
  border: none;
}

So I assume you are using an older version.

I hope I understand you correctly. You have inserted a table element (one of these Layout Builder elements). There you are trying to set a link to an external website in edit mode. What exactly did you insert into the table cell?
(Please enter this in a code tag so that we can take a closer look.)

like this :
<a href="https://bridges2hs.org" target="_blank" rel="noopener">bridges2hs.org</a>

if it is you page ( and your nick is very informative ) i think you have uploaded only that montserrat font (and gotham-pro) via the fontmanager – but you have uploaded the whole downloaded font zip file.
Inside that zip there are variable font files and in a subfolder the static font files.
your static font folder leads to the result that the Montserrat Font is listed as font-family: static

By the way :
new Enfold can also handle these variable font files – but I would recommend uploading them separately.

For example, put the Montserrat variable files in a folder and name it Montserrat-variable.
Pull out the static folder from the zip file and rename it to Montserrat.

For performance reasons, it is now time to consider whether you really need all the fonts. The list is very long, especially for Montserrat. In principle, the variable fonts should be sufficient for all modern browsers.

However, if you only need, for example, light, regualar and bold, it may even be better to upload only the static fonts (woff2, ttf). In addition, Montserrat is a font where the italic variant hardly differs from a normal slanted font.
You could therefore live with the fact that only the normal font styles are uploaded and the italic fonts are converted by browser rendering.

Then zip these two folders (please not in Mac Zip format – so without all the invisible files OSX packs in), but without the metadata. Betterzip also has a “zip for PC” option.
Then upload these folders to the font manager.

PS: the uploaded Fonts can be found at the bottom of the font dropdown list ;)

1) give a custom class to the masonry gallery – f.e. : custom-gap and put this to your quick css:

#top #wrap_all .av-masonry.custom-gap .av-masonry-entry .av-inner-masonry {
  margin-right: 50px;
  margin-bottom: 50px;
} 

2) what do you mean by: gap is selected ?

OK

it depends on how many columns you have choosen in the blog-post alb element
this is for a 3 column the default setting. Because the first column should have no margin-left – you see how it works ( 100% width – 2 times margin left = 88) so for the columns: 88/3 = 29,3333

.slide-entry.av_one_third {
  margin-left: 6%;
  width: 29.333333333333332%;
}

so if you only like to have 3% then it is:

#top .slide-entry.av_one_third.first {
  margin-left: 0px ;
}

#top .slide-entry.av_one_third {
  margin-left: 3%;
  width: 31.33333%;
}

Many thanks !!!

So if I want to disregard the slide number – and just want to change all default headings in the Easy-Slider to h1 – then:
i do not need the index in this case

function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array()){
	if( 'avia_slideshow' == $context ){
		//	get class of slideshow
		$slider_class = get_class( $extra_args[2] );
		if( in_array( $slider_class, [ 'avia_sc_slider' ])){
			//	current slide in loop
			$slide = $extra_args [3];
			//	get shortcode attributes of current slide
			$attr = $slide['attr'];
			//	only change for first slide and when default
			if( '' == $attr['heading_tag']  ){
				$args['heading'] = 'h1';
			}
		}
	}
	return $args;
}
add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );

One question about sliders – the context is on all sliders : avia_slideshow
and filter is placed inside class-avia-slideshow.php – the $default_heading is build differently to the other alb elements.

how to only replace the default setting (h2) only e.g. for easy-slider (avia_sc_slider)?

if you do have this very often – and you like to avoid to many DOM Elements – you can have a separator that way by using the pseudocontainer “after” for it.

Best is to do it with a custom class on the sections.

.avia-section { 
  position: relative !important;
}

.avia-section:after { 
  content: "";
  position: absolute !important;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15px;
  background-image: -webkit-linear-gradient(90deg, #719430 33%, #92bb46 33%, #92bb46 66%, #acd464 66%);
  background-image: linear-gradient(90deg, #719430 33%, #92bb46 33%, #92bb46 66%, #acd464 66%);
  background-size: cover;
  background-repeat: no-repeat;
}

you see how the gradient works?

but the left datepicker changes to rightMost class too from a given screenwidth on ( 2094px ) and then the selector will be active for both datepickers.
I would write to Ninjaforms again with this information. There is definitely a bug in the calculation script.

on firefox developer edition and OSX Sonoma – the right datepicker is at the right side – as in your screenshot:

it is only if screenwidth is bigger than 1550px
There seems to be a script error when calculating the position – (good position) it is left: Value in px and right: auto – from 1551px it is the other way around. On bigger screens than 1550px there is an additional class added: rightMost ( but i guess that is only for arrow positioning )

Edit: i think there are a lot of conflicts with other alb elements. So – do not use that plugin.

but i think this is default setting on enfold to change to scroll. (shortcodes.css lines 235 et seq. and 359 et seq.)

but i think she likes to preserve the fixed setting.

It seems to be mainly a problem of iOS devices to support the property background-attachment: fixed in combination with background-size: cover correctly.

There are workarounds for this by assigning a container as child that has the image as background and then setting the entire child container to postion: fixed. The pseudo containers before and after can be used here.
This seems to work on newer iOS (iOS 17.x) – but on older ones it sometimes works – sometimes not.

https://webers-testseite.de/donkey/

Do you really think it’s so bad that it scrolls along in the mobile case?

Unfortunately, not all browsers always keep up with innovations. And older operating systems also go their own way.
I would therefore accept the fallback and leave the background on scroll.

LIMITATION: relation “AND” does not provide a fallback if empty categories are selected !!!

means in the case of the And combination, if one of the categories contains no posts, nothing is displayed. – which would be my personal preference.