can you please exclude the text-block with the heading to an extra section before that section with all those “Settori”
by the way – why don’t you use for a heading a heading element instead of putting the heading inside a text-block element?

after that – we can handle the whole container as a flex container
no need for a second color-section handling the other layouts for responsive design.

i got no troubles on classic editor – only if i switch to advanced layout editor – i had these glitch

but indeed the clearing option is much better. so use instead:

function admin_head_mod() {
echo '<style type="text/css">
	#postbox-container-2 { clear: left; }
	.index-php #postbox-container-2 { clear: none; }
</style>';
}
add_action('admin_head', 'admin_head_mod');

well it is in the enfold folder : includes.
If you make a subfolder to your child-themes folder : includes and put the edited loop-search.php inside that folder the search results page will show featured images.
here is on basis of enfold 6.0.4 the edited file:
see: https://pastebin.com/3nAyB6Gr
Changes are made on line 50ff . I inserted some classes to better select them and put the link on the image too.
download: https://pastebin.com/dl/3nAyB6Gr

a little css is needed

.search-result-image {
    display: block;
}
.search-result-image img {
    width: 120px;
    border: 1px solid #aaa
}
.search-result-image svg {
  width: 120px !important;
  height: auto;
}
.search-result-image img {
    width: 120px;
}
.search-result-image {
    float: left;
    margin-bottom: 20px;
    padding-right: 30px;
}

PS: on line 52 you can see that i took the medium image format as source (and not the thumbnail image) – you can change that to anything you like – but medium got one advantage – it is a non cropped image format.

see: https://webers-testseite.de/?s=web

And that is exactly what the NY Page shows – the top video fades out the video in the middle of the page fades in.
See the top video solution on : https://webers-testseite.de/snowfall4/

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