i didn’t implement the script. Thats why i wrote: “Edit: you had to adopt now the scrubbing script to its selectors.”
Your question only referred to customization without additional wrappers. A little work should still be left for you.

Edit: now i have implemented that script – but you see – bigger video files do not work – and even the current mp4 with 10sec and less resolution do not work nice ( as the demo too ). So believe me Apple realizes this effect in a different way.

Can you please post the code you like to insert? Where did you see that effect you like to reproduce?
And where do you like to insert it – as first child in #main or between other alb elements?

why do i ask this: if it is first child inside #main you can use that filter: ava_after_main_title

f.e.:

add_action('ava_after_main_title', function() {
	if ( is_page(49162)){
		echo '<section class="vid">';
		echo '<div class="holder">';
		echo '<video class=" " preload="metadata" autoplay=" " muted=" " playsinline=" " loop=" " controls=" " id="player_27_1266727400_788445252_html5" src="/wp-content/uploads/Time-Lapse.mp4"></video>';
		echo '</div>';
		echo '</section>';
	}
});

see: https://webers-testseite.de/no-wrappers/

or if you got h1 headings in content – why not using h2 tag by using the same filter

function avf_title_args_mod( $args, $id ) {
    if ( !is_archive() ) {
        $args['heading'] = 'h2'; 
    } 
    return $args;
}
add_filter( 'avf_title_args', 'avf_title_args_mod', 10, 2 );

the code breaks because function names should be unique! if you got “avia_above_footer” twice in your child-theme functions.php it will come to conflict.

If you rearange your codesnippet above you see the similarity of your codes:

function avia_above_footer(){
    dynamic_sidebar( 'Maps' );
}
add_action('ava_before_footer','avia_above_footer');

now you see that you can use the same conditional usage of your “ava_after_content”
to avoid having a similar function name you can rename the one function – or simply combine both rules in one function.

function avia_above_footer(){
    dynamic_sidebar( 'CTA-Footer' );
    dynamic_sidebar( 'Maps' );
}
add_action('ava_before_footer','avia_above_footer');

you can now wrap the one of those lines inside a conditional setting:

function avia_above_footer(){
	dynamic_sidebar( 'CTA-Footer' );
	if (is_page(3416)) {
		dynamic_sidebar( 'maps' );
	}
}
add_action('ava_before_footer','avia_above_footer');

i guess you have that warning on uploading your icons to fontello about compound path.
you can edit your vector based icon f.e. in illustrator – open your svg and look at Object Menu – Compound Path – create
i hope that this will be the names – because i’m working on german versions : Objekt – zusammengesetzter Pfad – erstellen.

Working with Pathfinder is not enough. You had to go that way.

________

Mikes Way is to substitute an existing entypo-fontello icon by an image. Big advantage – you can use the icon font to insert even colored svg icons.
see here: https://enfold.webers-webdesign.de/colorized-font-icons/

maybe you can get comfortable with not having all top-level menu items open with a drop down.
You could, for example, only have one of them open at a time. When you click on another one, the one open menu item closes.

you have to have a child-theme avia-snippet-sticky-header.js file.
on line 79 there is:

remove that && ! isMobile so there is only :

if( shrinking )

if you like to minify your theme script and css files – put both files ( the script itself and the minified script to a js subfolder to your child-theme. The edited script : you can minfy the code at: https://www.toptal.com/developers/javascript-minifier

This comes to your child-theme functions.php:

function wp_change_sticky_header_script() {
  wp_deregister_script( 'avia-sticky-header' );

  $vn = avia_get_theme_version();
  $options = avia_get_option();
  $child_theme_url = get_stylesheet_directory_uri();
  $min_js = avia_minify_extension( 'js' );

  $condition  = ( isset( $options['header_position'] ) && $options['header_position'] == 'header_top' );
  $condition2 = ( isset( $options['header_sticky'] ) && $options['header_sticky'] == 'header_sticky' ) && $condition;
  avia_enqueue_script_conditionally( $condition2 , 'avia-sticky-header-child', "{$child_theme_url}/js/avia-snippet-sticky-header{$min_js}.js", array('avia-default'), $vn, true);
}
add_action( 'wp_enqueue_scripts', 'wp_change_sticky_header_script', 100 );

maybe this is then the way it works:

ok – try now – change to your needs and transition timings:

/*** ===============================***/
/* Basisstil für alle Weiter Lesen "buttons" */
.more-link {
  display: inline-flex !important; /* Flexbox für zentrierten Inhalt */
  flex-flow: row nowrap;
  justify-content: center; /* Horizontale Zentrierung */
  align-items: center; /* Vertikale Zentrierung */
  font-weight: 800; /* Fettschrift */
  text-align: center !important;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 2px solid #ff3366 !important; /* Rahmenfarbe */
  padding: 0.95rem 2.5rem 0.95rem 2rem !important; /* Innenabstand */
  font-size: 1rem; /* Schriftgröße */
  line-height: 1rem; /* Zeilenhöhe */
  border-radius: 100px !important; /* Abgerundete Ecken */
  color: #ffffff !important; /* Schriftfarbe Weiß */
  font-family: 'Montserrat', sans-serif; /* Schriftart */
  letter-spacing: 0.25px; /* Buchstabenabstand */
  text-transform: uppercase; /* Großbuchstaben */
  background-color: #ff3366; /* Hintergrundfarbe */
  position: relative; /* Für die Animation */
  overflow: hidden; /* Inhalt begrenzen */
  transition: all 300ms ease-in-out; /* Sanfter Übergang */
  width: auto !important;
}

/* Stil für den Text und die Pfeile */
.more-link span {
  display:  inline-flex; /* Flexbox für Text und Pfeile */
  flex: 0 1 auto;
  transition: all 700ms ease-in-out; /* Sanfte Bewegung */
  padding: 0px;
}

.more-link:hover span {
  padding: 0 3px;
}

/* Stil für die Pfeile */
.more-link .more-link-arrow::after {
  content: ">>"; /* Pfeile */
  font-family : inherit;
  opacity: 0; /* Unsichtbar im Standardzustand */
  visibility: hidden;
  position: absolute;
  top: 14px;
  right: 0.5ch;
  color: #ffffff; /* Pfeile in Weiß */
  font-size: inherit;
  font-weight: 800;
  line-height: inherit;
  transition: all 700ms ease-in-out;
}

/* Hover-Effekt für die Pfeile */
.more-link:hover .more-link-arrow::after {
  visibility: visible;
  opacity: 1; /* Pfeile werden sichtbar */
 
}

.more-link:hover .read-more-text {
  transform: translateX(-1ch); /* Text verschiebt sich leicht nach links */
}

with a slightly edited postslider.php as child-theme element you can have this DOM Structure:

lines 876ff

$permalink = '<div class="read-more-link"><a href="' . get_permalink( $the_id ) . '" class="more-link"><span class="read-more-text">' . __( 'Read more', 'avia_framework' ) . '</span><span class="more-link-arrow"></span></a></div>';
$prepare_excerpt = ! empty( $entry->post_excerpt ) ? $entry->post_excerpt : avia_backend_truncate( $entry->post_content, apply_filters( 'avf_postgrid_excerpt_length', $excerpt_length ), apply_filters( 'avf_postgrid_excerpt_delimiter', ' ' ), '…', true, '' );

then it might be possible to have the same effect and a flex will make sense.

Dear luleloki – i’m Participant as you are – so i do not see private content area.

maybe you try to find that plugin

It looks like that another plugin or your theme loads an extra copy of the jquery

inspect your site with developer tools and look for “jquery” – perhaps you can hamper that plugin to reload another jquery

Ismaels solution is the fastest method. But if you like:
Former tips of Günter show me how to get an input field for an apple touch icon via child-theme functions.php:

put this to your child-theme functions.php:

function my_avf_option_page_apple_touch_icon( array $avia_elements = array()){
  $slug = "avia";
  $id = 'favicon';
  $new_element =  array(
      "slug"  => "avia",
      "name"  => __( "Apple Touch Icon", 'avia_framework' ),
      "desc"  => __("Specify an Apple Touch Icon for your site.", 'avia_framework')." <br/>".__("recommended format: .png", 'avia_framework')."<br/>".__("best format will be 180px in square", 'avia_framework'),
      "id"    => "avia_appleicon",
      "type"  => "upload",
      "label" => __( "Use Image as Apple Touch Icon", 'avia_framework' ) );  
  $found = false;
  $index = 0;
	foreach( $avia_elements as $key => $element ){ $index++;
	  if( isset( $element['id'] ) &&  ( $element['id'] == $id ) && isset( $element['slug'] ) && ( $element['slug'] == $slug ) ) { 
	    $found = true;
	    break;
	  }
	} 
	if( ! $found ) { 
		$avia_elements[] = $new_element;
	}
	else {
		$avia_elements = array_merge( array_slice( $avia_elements, 0, $index ), array( $new_element ), array_slice( $avia_elements, $index  ) );
	}
  return $avia_elements;
}
add_filter( 'avf_option_page_data_init', 'my_avf_option_page_apple_touch_icon', 10, 1 );

function add_apple_icon_to_header(){
?>
<link rel="apple-touch-icon" href="<?php echo avia_get_option('avia_appleicon'); ?>" type="<?php echo image_type_to_mime_type(exif_imagetype( avia_get_option('avia_appleicon'))); ?>">
<?php
}
add_action( 'wp_head',  'add_apple_icon_to_header', 10);

upload your image to media-library – best would be to name it: apple-touch-icon.png
or if you do not like those automatic stylings name it: apple-touch-icon-precomposed.png
180px in square is best – because iPhones uses those resolutions.

ja eben – das betrifft das Rätseln ;)

Da hier nicht soviel slidermäßig passiert – warum das Ganze nicht als Color-Section umsetzen? Als Hintergrundbild hätte man bessere Möglichkeit es responsiv zu positionieren.

Da auch hier nur ein Sliderbild ist. Öffne deinen fullwidth slider und setze bei Styling – Slideshow Background dieses Bild ein ( cover und position right ( center etc . nach deinem Belieben))
danach blendest du die img des sliders aus:
(am besten über eine custom class des sliders

.avia-fullwidth-slider.custom-class .avia-slideshow li img {
  visibility: hidden;
}

yes – but it works – hope Günter will include it – because it would simplify many things – as the example above shows – by enabling better selection