i can not see the custom class – did you save it after entering the class?

when entering the code without that custom class on my developer tools to test if it works
(Emulation is ipad)

sorry – part of another participant question -;)

i think that the additional classes inside text-block element will come from a plugin. If you search for those extemely specific class like : min-h-[20px] i only found that tailwind css from https://tailpress.io/
Did you build the site on an existing installation – and possibly change the theme to Enfold afterwards?
The loading of jQuery in the footer could be set on Enfold on the settings page: performance
This is of course possible, but then you have to take into account that the scripts that need jQuery are loaded afterwards. This can be achieved, for example, by first not loading the scripts in the head area and then setting a correspondingly higher priority number for the function.

Next: do you really need jQuery Migrate ? – same on performance tab

ich wünschte ich wüsste wie man eine mouse hover an mobilen Endgeräten haben könnte.
Den gibt es nämlich nicht. touch screens habe sowas nicht. Problem der touch event wird als hover gewertet und aktiviert den Status.

Standardmäßig sollte es aber bei Enfold so sein, das in dem Fall die Captions dauerhaft angezeigt werden. Willst Du das unterbinden?
Dann könntest du ( sorry als Participant / Boardteilnehmer ist wohl duzen angesagt ) diese Elemente die durch das hovern hineinfahren einfach ausblenden mit display none.

.responsive.avia_mobile #top .av-masonry:not(.av-caption-style-overlay) .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
  display: none
}

diese klasse: avia_mobile wird bei allen mobilen Endgeräten an html gesetzt.

da musst du mal in den Einstellungen bei Woocommerce nachschauen ob es dort eine Option hat in das Menu einen solchen Punkt einzusetzen.
Man kann aber auch einen weiteren Menu Punkt hinzufügen über das Filter : ava_inside_main_menu – eventuell mal in die child-theme functions.php reinschauen. Wahrscheinlich aber, hat Woocommerce so eine Option.
Sonst unter Menu – Hauptmenü siehst du den Punkt wahrscheinlich nicht oder?

_________

You will need to check the Woocommerce settings to see if there is an option to add such an item to the menu.
You can also add another menu item via the filter: ava_inside_main_menu – you may need to look in the childtheme functions.php. Woocommerce probably has such an option.
Otherwise you probably do not see the point in Menu – Main Menu, do you?

Abdeckung durch das weiß unten beim Hovern:

.av-fixed-size .av-masonry-entry .av-inner-masonry-content, 
.av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content, 
.av-flex-size.av-caption-on-hover-hide .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
  width: calc(100% + 2px);
}

aber eventuell sieht es sogar eleganter aus, wenn du da einen Abstand wählst.
Denn der weiße Hintergrund und dann das weiße Overlay … ?

.av-fixed-size .av-masonry-entry .av-inner-masonry-content, 
.av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content, 
.av-flex-size.av-caption-on-hover-hide .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
  width: calc(100% - 20px);
  margin: 10px;
}

PPS: eigentlich sollte das Overlay auf einem mobilen Endgerät bereits geöffnet sein ! ( nicht auf kleinen screens aber auf echten physikalischen Endgeräten)

just a short info on media querries : there are not only media query for screen width but also for orientation:

so you can have something like this:

@media only screen and (max-width: 989px) and (orientation: landscape) {
…
}

PS: the opposite is “portrait”
you can have aspect-ratio or resolution etc.

e.g.: for retina displays:

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
}

Nice – but maybe it is best to select the div by its active state – because not always the first toggle is opend at start:

function custom_header_code() {
?>
<script type="text/javascript">    
    document.addEventListener('DOMContentLoaded', (event) => {
      if (window.innerWidth <= 768) {
        const div = document.querySelector('div.active_tc');
        const p = document.querySelector('.activeTitle');
        if(div || p) {
          div.classList.remove('active_tc');
          p.classList.remove('activeTitle');
        }
      }
    });
</script>
<?php
}
add_action( 'wp_head', 'custom_header_code' );

and if you really want to have it only on mobile devices – you can have that without screen width detection.

function custom_header_code() {
if(wp_is_mobile()){
?>
<script type="text/javascript">   
window.addEventListener("DOMContentLoaded", function () { 
        const div = document.querySelector('div.active_tc');
        const p = document.querySelector('.activeTitle');
        if(div || p) {
          div.classList.remove('active_tc');
          p.classList.remove('activeTitle');
        }
});
</script>
<?php
}}
add_action( 'wp_head', 'custom_header_code' );

only if you choose the selector activeTitle – the symbol in front will be set to closed ( + )

did you see the download link in: https://kriesi.at/support/topic/icon-box-numbers-icons/#post-1421348
Link: https://webers-webdesign.de/numbers.zip

Edit here – because topic closed already:

html body [data-av_iconfont="numbers"]::before {
  font-family: 'numbers';
  font-weight: bold !important;
  font-size: 1.6em;
  position: relative;
  left: -5px
}

to center the numbers !

you can download here an uploadable numbers font iconset i made from myriad bold fonts:
one sans-serif and one serif font (myriad and times)

Download-Link

and if you like to adjust font-weight and size:

#top .avia-font-numbers, 
body .avia-font-numbers, 
html body [data-av_iconfont="numbers"]::before {
  font-family: 'numbers';
  font-weight: bold !important;
  font-size: 1.6em;
}

you can see here that my old ipad 3 mini (iOS 12.5.7 – that last one i could install on that device) caused some troubles on newer alb element like the before/after image.
https://kriesi.at/support/topic/enfold-options-page/

see my comment here on apples philosophy to handle older devices:
https://kriesi.at/support/topic/enfold-options-page/#post-1406649

are you shure that you have allowed to show all videos on public?
f.e. for : 764253311

i had to log in to my vimeo account to see the video.

Did you use the theme installer zip file only – and not the whole complete zip –
after that – goto dashboard – themes and activate the theme

By the way : not your Question – i know but

this is something i miss on default too:
the image sizes generated by enfold are all ( some are squared) in landscape format.
At least one image format should be created in portrait mode, e.g. for team members. Of course, the aspect ratios required for landscape shots are not suitable for such portrait shots. Here, 3:4 or 4:5 would probably be common formats.

you can do that by a snippet inside child-theme functions.php:

add_image_size( 'news_size', 175, 260, false );
add_image_size( 'portrait', 900, 1200, false );
add_image_size( 'portrait_small', 450, 600, array( 'center', 'top' ) );  // this is with crop : true and crop properties

function my_custom_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'news_size' => __( 'News Size' ),
		'portrait' => __( 'Portrait' ),
		'portrait_small' => __( 'Portrait small' ),
    ));
}
add_filter( 'image_size_names_choose', 'my_custom_sizes' );

but: this only works on uploadiing images. If you like to recalculate the existing images – use a recalculation plugin ( force regenerate Thumbnails etc.)

one way could be the very old way to set something in this html :

<details>
  <summary>Details</summary>
  Click here to add your own text 
</details>

you can add that to the team member description field – there are warnings about using tags – but it will work!

Or you do not enter the description to the team member element but in a separate text-block under the team member element.
On newer enfold versions there are options to fold/unfold text-block element just below the content input text area.

see both alternatives here:
https://webers-testseite.de/team-member/