thats the reason why i erased it. ( All code goes to child-theme functions.php )

i thought that we can use another filter of enfold:
but this

add_filter('avf_template_builder_content', 'avf_template_builder_content_comment_mod' , 10 , 1);
function avf_template_builder_content_comment_mod($content = "")
{
  if(is_singular('post') || is_singular('portfolio')){
    $sidebar_content = dynamic_sidebar( 'my-sidebar-name' );
    $content = $content . $sidebar_content ;
  }
  return $content;
}

inserts the widget area before ( allthough it is $content = $content . $sidebar_content ) content. ?
Sorry – you had to wait for a mod

The hook determines only the place where it is inserted.
Did you create that widget-area at Widgets : “my-sidebar-name” ?

Are these single posts created with classic editor or with advanced Layout Builder ?

Try one post with classic editor!

On your testpage this is an animated svg logo.
You can do that with stroke-dasharray – read f.e. :
https://css-tricks.com/svg-line-animation-works/
https://www.cassie.codes/posts/creating-my-logo-animation/

All animation is inside the svg itself ;)
https://webers-webdesign.de/Logo-animiert.svg
or see https://webers-testseite.de/pureinstall/signieren/
on my Signature the stroke-dasharray is used as a mask over the given letters.
But ! you have to read and study intensively how to obtain those svgs. F.e. you had to know the stroke-dashoffset etc. pp.

if you replace the second part by:

add_action('wp_footer', 'avf_add_search_script');
function avf_add_search_script(){
?>
<script type="text/javascript">
(function($) {
	$('.av-burger-menu-main').on('click', function() {
		var page   = window.location.href;
		var mobile = $('.menu-item-search-mobile');
		var search = '<form action="'+page+'" method="get" class=""><div><input type="submit" value="" id="searchsubmit" class="button avia-font-entypo-fontello"><input type="text" id="s" name="s" value="" placeholder="Search"></div></form>';

		setTimeout(function() {
			if(mobile.find('form').length == 1) return;
			mobile.html(search);
		}, 500);		
	});
})(jQuery);
</script>
<?php
}

!!! Only difference is the value “?” – then a magifier symbol is seen

( get a bigger magnifier: )

#av-burger-menu-ul #searchsubmit {
    font-size: 25px;
}

yes this little additional information that it is a multisite would have been good to know. ;)

that one line i marked with: // —- here

is the line you had to edit – you can add more lines like this to replace other tags
the script takes over all attributes of the original tag and transfers them to the new tag.
But this is not necessary on your page.

to your child-theme functions.php:

function replace_tags_with_tags(){
?>
<script>
  (function($) {       
      function replaceElementTag(targetSelector, newTagString) {
        $(targetSelector).each(function(){
          var newElem = $(newTagString, {html: $(this).html()});
          $.each(this.attributes, function() {
            newElem.attr(this.name, this.value);
          });
          $(this).replaceWith(newElem);
        });
      }
      replaceElementTag('.tab_inner_content.invers-color h6', '<p></p>'); // ---- here
  }(jQuery)); 
</script>
<?php
}
add_action('wp_footer', 'replace_tags_with_tags');

but for SEO purpose as mike said allready – maybe it is better to change it manually in the albs.

i see that you are not working with a child-theme!

where did you enter the snippet?

add_filter('avf_logo_link','av_change_logo_link');
function av_change_logo_link($link){   
    $link = get_site_url().'/zeroprojectconference2021/';
    return $link;
}

Next: you have activated the merging of css and js files.
Did you refresh those files ?

Edit : I must have been somewhat misguided by the headline. One should read just yet also the content ;)
I had thought that you wanted to set the Title attribute at the submenu list item.
_________________
forget about that here:
or you put this to your child-theme functions.php:

function set_menu_text_as_title(){
?>
<script>
(function($){
		$('.av-subnav-menu a').each(function(){
			var menuName = $(this).find('>.avia-menu-text').text();
			$(this).attr('title', menuName);
		});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'set_menu_text_as_title');

but for me the alt attribute is much more important – so i have on that line instead:
$(this).attr('alt', menuName);

First of all: if you want to post code – please use the code tags here. It’s much easier to inspect and check if a code will work or not.

Sorry didn’t saw that you want to achieve this only by custom fields. My way offers a real meta box. A meta box has different advantages.

you then can use the meta box for your f.e. loop-index.php
you see the post-meta-info starts from 373

f.e. if you like to show the saved “Outlet” after categories
look for:

if( ! empty( $cats ) )
{
	echo '<span class="blog-categories minor-meta">' . __( 'in','avia_framework' ) . ' ';
	echo	$cats;
	echo '</span><span class="text-sep text-sep-cat">/</span>';
}

and insert after that:

$outlet = get_post_meta($post->ID, 'outlet', true);
if(!empty($outlet))
{
	echo '<span class="outlets minor-meta">'. __( 'Outlet:','avia_framework' ) . ' ';
	echo $outlet;
	echo '</span><span class="text-sep text-sep-cat">/</span>';
}

it will show then as:

Thanks

maybe you need a beta tester ;)

the other page – you have to find the specific selector for that page yourself !
i took now the woocommerce on general – maybe you better take a more specific class something like : term-dinh-van on #top

because the woocommerce-products-header would be part of the flex container it had to be set to display none.
I do not know if you need it – but on your page there was no content in it so i put it to display none.
this woocommerce-products-header had to be on that place inside ?

anyway try to see whats happening on that page – but remember my advice on top!

.responsive body#top.woocommerce {
	overflow-x: visible;
}

#top.woocommerce #wrap_all {
	overflow: visible;
}

#top.woocommerce .woocommerce-products-header {
    display: none;
}

@media only screen and (min-width: 767px){  
	#top.woocommerce .sidebar_left .container {
		display: flex !important;
		align-self: ;
		flex-flow: row nowrap;
		justify-content: flex-start;
	}

	#top.woocommerce .sidebar_left .content {
		order: 2
	}

	#top.woocommerce #main .sidebar {
		position: -webkit-sticky !important;
		position: sticky !important;
		top: 100px;   
		width: 30%;  
		order: 1;
		height: 100%;
	}
}

how did you implement that menu to enfold?
is it easy to do ?

Nein – ist leider nicht so trivial.
Am Mac ( ist ja ohnehin quasi “Linux-Basiert”) einige Terminal Tools die wunderbar diese ttf unter einhaltung der variable Fonts generieren.
Die Zukunft wird wohl dahin gehen – man sollte allerdings ein Fallback für die ewig gestrigen bereit stellen.

heißt man lädt schon auch die Schriftschnitte die man möchte ( zB: 300, 400, 700) und diese variablen Font als woff2
man macht dann sozusagen im quick css eine weiche ähnlich den media-querries.
wobei ich dann die Sachen via einer Klasse die ich einem Eltern Element zuweise setze z.B:

hiervor kommen die normalen Definitionen wie üblich dann jedoch :
lies zB: http://clagnut.com/blog/2390/

@supports (font-variation-settings: normal) {
  .raleway-var .av-special-heading-tag {
      font-family: 'Raleway Variable',sans-serif;
      font-variation-settings: "wght" 600;
      line-height: 2em;
      letter-spacing: 0.05em !important;
      font-style: normal;
      font-size: 3em;
  }
  .raleway-italic-var .av-special-heading-tag {
      font-family: 'Raleway Italic Variable',sans-serif;
      font-variation-settings: "wght" 600;
      line-height: 2em;
      letter-spacing: 0.05em !important;
      font-style: normal;  /*** da es ja am Schriftschnitt schon als italic gesetzt ist ***/
      font-size: 3em;
  }
}

eingebunden werden die normalen Fonts und die variablen via z.B:

@font-face{
  font-family:'Raleway Variable';
  font-weight:100 900;
  src:url(../fonts/Raleway-VariableFont_wght.woff2) format('woff2')
}
@font-face{
  font-family:'Raleway Italic Variable';
  font-weight:100 900;
  src:url(../fonts/Raleway-Italic-VariableFont_wght.woff2) format('woff2')
}

die 100 900 sind die Spanne mit der gesetzt werden kann.

nach dem Converter musst du mal Googlen variable ttf nach varialbe woff2 z.B

• This reply was modified 5 years ago by Guenni007.

i do have on my htaccess file a lot of security header entries – and i do sometimes forget to allow frame-src etc for google ( youtube) etc.
some security plugins will do that too! and maybe those contents from outside your site are blocked.
you can look if this is the matter by opening the developer tools of your browser and look into : developer console.

_____________
something like this:

# Extra Security Headers
<IfModule mod_headers.c>
Header set X-XSS-Protection "1; mode=block"
Header always append X-Frame-Options SAMEORIGIN
Header set X-Content-Type-Options nosniff
Header set Strict-Transport-Security "max-age=63072000; includeSubDomains; preload"
Header set Referrer-Policy no-referrer
Header set Feature-Policy "camera 'none'; microphone 'none'; payment 'none';"
Header set Content-Security-Policy "default-src 'self'; frame-src 'self' https://www.google.com/ https://www.youtube.com/ https://www.youtube-nocookie.com/ https://player.vimeo.com/; frame-ancestors 'self'; script-src 'self' 'unsafe-eval' 'unsafe-inline' https://www.google.com/ https://maps.googleapis.com/ https://www.youtube.com/ https://www.gstatic.com/ ; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com/; img-src 'self' data: https://ps.w.org/ https://maps.gstatic.com/ https://maps.googleapis.com/ https://khms0.googleapis.com/ https://khms1.googleapis.com/ https://lh3.ggpht.com/ https://cbks0.googleapis.com/ https://lh3.ggpht.com/ https://geo0.ggpht.com/ https://geo2.ggpht.com/ https://geo1.ggpht.com/ https://geo3.ggpht.com/ https://repository.kreaturamedia.com/ https://de.gravatar.com/ https://secure.gravatar.com/  ; font-src 'self' data: https://fonts.gstatic.com https://fonts.googleapis.com/"
</IfModule>