Rikard already said it : in your example – there is the closing strong tag correct with an /
The slash indicates that the tag is closed – on top you only have opening strong tags !

Podcast: Afhængige Parforhold<strong>.</strong>

PS: only a few tag seems not to have a closing tag – but if you look nearer f.e. to an img tag the opening tag ends with />
hr and br tags need no closing tag ( although old fashioned guys like me write: <br />)

you can try in child-theme functions.php:

function custom_avf_avia_logo_link_title( $link_title ){
return 'title="Homepage"';
return $link_title;
}
add_filter( 'avf_avia_logo_link_title', 'custom_avf_avia_logo_link_title', 10, 1 );

I just wanted to use it as a crutch.
They encode all the movies to their specifications. That way you can be sure that they will run smoothly on as many platforms as possible. Then you can download the result and use it as a self-hosted video.

i can not say something about the video – i think it was a pixabay share.
but if you like to send me a link of your video i test it in my environment.
you find contact info under my nick

on my mac – IINA shows : h264, 1288×720 with 29,97fps

and if you want to bring the containers below the title to the same top position:

function admin_head_mod() {
echo '<style type="text/css">
  .avia-advanced-editor-enabled #post-body-content { float: none; }
  .avia-advanced-editor-enabled #normal-sortables .postbox#avia_builder:first-child { margin-top: 0; }
</style>';
}
add_action('admin_head', 'admin_head_mod');

dear dev : it concerns to class avia-advanced-editor-enabled
why the other browser can manage that – i do not know – i look now inside avia-builder.css – maybe there is something missing.

because I don’t use the Gutenberg stuff – someone else will have to check if it needs fixing there too.

With the nickname, it’s not too hard to find your site. And when I see container that small (1010px), I know it’s not intentional. So there must be a rule in your ruleset that is not set correctly.

That css rule is not closed by a curly bracket.

Insert after the semicolon a curly bracket!

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_orange {
	background-color:var(--enfold-main-color-primary);

don’t know if an @import rule works well over quick css – but is unusual.

if your question does not concern your own website – then I am sorry, but it should be changed anyway.

PS: csslint.net shows a parsing error at the pseudo-class: is
but from my point of view that is correct.

sadly the topic is closed: . https://kriesi.at/support/topic/search-function-with-link-list/

what i got so far:
https://enfold.webers-webdesign.de/pages

this is only for pages ( if you like to have that for posts – just change the post-type )
i managed it by a custom shortcode – then place this as : [glossary] on your page

function az_index($post_id) {
    $AZposts = get_posts(array(
        'numberposts'       => -1,
        'post_type'         => 'page',
        'orderby'           => 'title',
        'order'             => 'ASC',
        // 'category'           => $cat
    ));

    $current = "";
    $nav = "";
    $postlist = "";
    foreach($AZposts as $AZpost) {
        $postLink = get_permalink( $AZpost->ID );
        $firstletter = strtoupper(substr($AZpost->post_title,0,1));
        if($firstletter != $current) {
            $nav .= "<span class='firstletters'><a href='#$firstletter'> $firstletter </a></span> ";
            $postlist .= "<h3 class='firstletter' id='$firstletter'> $firstletter </h3>\n";
            $current = $firstletter;
        }
        $postlist .= "<span><a class='postlink' href='".$postLink ."'>" . $AZpost->post_title.  "</a></span><br>\n";
    }

    print $nav . "<br><br>" . $postlist;
}
add_shortcode( 'glossary', 'az_index' );

and :

.firstletters {
  padding: 0 10px ;
  background: #900;
  margin-right: 5px;
  display: inline-block;
}

.firstletters a {
  color: #FFF;
  text-align: center !important;
}

i tried to have unordered list after the h3 headings – but i couldn’t find a way to do that ( loop is hard to find the place to insert that tags ) – maybe a mod got a good idea

you can do that manually – via dashboard – menu ( place your logo as img tag inside a custom-link menu-item. – img tag goes to label input field )
this starts with logo top – navigation below ( and then set the logo container to display none ( in desktop mode)

or have a look at: https://pureinstall.webers-testseite.de/logo-centered/
this starts with logo left – menu right ( then the hamburger position of logo will be adjusted allready)

although it waits until the DOM is loaded – maybe a timing delay is working?

function ava_script_fees_click() {
?>
<script type="text/javascript">
(function ($) {
  $(document).ready(function () {
    function triggerClick(hash, container) {
      if (window.location.hash === hash) {
        setTimeout(function() {
          $(container).find('.av-fold-button-container').trigger('click');
        }, 300);
      }
    }

    triggerClick("#lesson-fees", "#av-fold-unfold-lesson-fees");
    triggerClick("#preschool-fees", "#av-fold-unfold-preschool-fees");
    triggerClick("#music-together-fees", "#av-fold-unfold-music-together-fees");
    
  });   
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_script_fees_click', 9999); 

Yes – if my fellow participant is happy with it, I’m happy with it too – but manu wrote:

Of course it would be nicer to have a function to make it scrollable as in the Left Sidebar Menu without the sidebar but my knowledge of php and js is very poor

maybe this could help: https://kriesi.at/documentation/enfold/import-demos/#how-to-manually-import-a-theme-demo
_____
or download the demo files from the github: https://github.com/KriesiMedia/enfold-library/tree/master/demos

by the way –
how to have a child-theme avia_layout.php

via filter: avf_theme_options_pages

this child-theme solution works as expected with the edited files from the bottom:

require_once( get_stylesheet_directory() . '/functions-enfold.php' );

function my_avia_layout_mod($avia_pages){
    $avia_pages['layout']['include'] = get_stylesheet_directory().'/includes/avia_layout.php';
    return $avia_pages;
}
add_filter( 'avf_theme_options_pages', 'my_avia_layout_mod', 10, 1 );

functions-enfold.php: https://pastebin.com/dl/UTGvNGKB (see lines 1556 – 1561)
– put into root directory of your child-theme
avia_layout.php: https://pastebin.com/dl/RnmpK2Mu
– put into includes folder (subfolder of child-theme)

PS: in the newest Enfold 6.04 there is inside avia-snippet-sidebarmenu.js no difference between left and right sidebar.
Always only as selector for both .html_header_sidebar. So those files could be untouched !

only that one entry in enfold_functions.php had to be deleted (1556ff):

if( strpos($header['header_position'] , 'left') === false ){
	$header['sidebarmenu_sticky'] = 'never_sticky';
}

and those entries inside avia_layout.php had to be adjusted ( f.e. for the required lines – see line 210 on my edited file )
avia_layout.php on pastebin: https://pastebin.com/RnmpK2Mu

a different much easier way is using clip-path on those slider wrappers by an inline svg file ( path has to be in relative values – convert for example here: link )
but disadvantage: you have to synchronize the background-color of that section to the next section – otherwise you got a gap (see green area on example page at the bottom)

<svg class="bottom-curve">
  <clipPath id="bottom-curve" clipPathUnits="objectBoundingBox"><path d="M1,0.9 s-0.25,0.1,-0.5,0.1 S0,0.9,0,0.9 V0 h1 v0.9"></path></clipPath>
</svg>

<style>
.bottom-curve > div {
  -webkit-clip-path: url(#bottom-curve);
  clip-path: url(#bottom-curve);
}
</style>

you see how this works – give then the custom-class: bottom-curve to the slider element or to the color-section.

My recommendation is not to host such big video files yourself. As Ismael mentioned – use a video hoster.
If this happens to you a lot, the smallest Vimeo account is worth it; it doesn’t have any ads or other videos that pop up when you pause or stop watching.