these are custom classes to set by yourself: is-h1; is-h2 etc. because you can remember that better than other classnames.
so that snippet:

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);
        });
      }
      // f.e.: custom-class expresses the h-tag you like to get
      replaceElementTag('.avia-button-wrap.is-h1 .avia-button .avia_iconbox_title', '<h1></h1>');  
      replaceElementTag('.avia-button-wrap.is-h2 .avia-button .avia_iconbox_title', '<h2></h2>');  
      replaceElementTag('.avia-button-wrap.is-h3 .avia-button .avia_iconbox_title', '<h3></h3>');  
      replaceElementTag('.avia-button-wrap.is-h4 .avia-button .avia_iconbox_title', '<h4></h4>');  
  }(jQuery)); 
</script>
<?php
}
add_action('wp_footer', 'replace_tags_with_tags');

will only work if you think of to set that custom class to that button

________
the script for the button-row to have unique ids on the buttons inside a button row is just to select easily those buttons.
Otherwise you had to work with something like this: .avia-button:nth-of-type(2) etc.

so if you got an ID on a button-row abc – the first button of that row will have the ID: abc-button1 etc.
then you can add a new line to the script above:

replaceElementTag('#abc-button1 .avia_iconbox_title', '<h1></h1>');
replaceElementTag('#abc-button2 .avia_iconbox_title', '<h2></h2>');
replaceElementTag('#abc-button3 .avia_iconbox_title', '<h3></h3>');

I don’t think it makes sense for buttons and certainly not for a button row; but if you want it, I’ll show you how to force it ;)

see again a button row with all the codes here: https://webers-testseite.de/buttonrow/

depends on what kind of hamburger menu you have choosen – for example a classic one:

.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet {
  content: " ";
  opacity: 0.5;  /*** default is 0.3  ***/
  height: 0
}

.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet:before {
  content: "\2907";
  width: 20px;
  height: 20px;
  position: absolute;
  top: -12px;
  left: 0;
  font-size: 20px
}

looks this way ( click to enlarge ) :

if you like to differ between the menu levels – we had to be more precise in the selector.

f.e.:

.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet {
  content: " ";
  opacity: 0.5;  /*** default is 0.3  ***/
  height: 0
}

.html_av-overlay-side-classic #top .av-burger-overlay .sub-menu .avia-menu-text {
  padding-left: 5px ;    /*** a little more distance to that sign  ***/
}

.html_av-overlay-side-classic #top .av-burger-overlay .sub-menu .avia-bullet:before {
  content: "\2907";
  width: 20px;
  height: 20px;
  position: absolute;
  top: -12px;
  left: 0;
  font-size: 20px;
  color: red;
}

.html_av-overlay-side-classic #top .av-burger-overlay .sub-menu .sub-menu .avia-bullet:before {
  content: "\21A6";
  font-size: 20px;
  color: green
}

Btw: sometimes the “avia-bullet” is set to display: none – you then had to get rid of that setting first
You can find here the codes for the content insertion :
use the hex-code and replace the leading &#x with a backslash \
html-entities

• This reply was modified 2 years, 5 months ago by Guenni007.

negative margin works – padding I do not believe.
Unfortunately, I can not see your private content as a participant, otherwise my comment would certainly be more constructive.

Perhaps we should rule out the other sources of error before blaming everything on the theme first.
Which WordPress (6.2.2) version is running and which php version is selected at your provider for the corresponding domain?
The WordPress 6.2 definitly needs newer php versions to run properly.

you see on your example page they are working with self hosted html5 videos. You could insert them on enfold burger overlay via script.
you had to be sure that the html insertion is on one line :
( a line-break inside that append – will break the script )
<video autoplay="" loop="" class="video_style" style="width: 1636px; height: 920px; top: 0px; left: -72.5px;"><source src="https://milano.beantown.website/wp-content/uploads/menu.m4v" type="video/mp4"><source src="https://milano.beantown.website/wp-content/uploads/menu.webm" type="video/webm"><source src="https://milano.beantown.website/wp-content/uploads/menu.ogv" type="video/ogv"><img src="https://milano.beantown.website/wp-content/uploads/menu.jpg" alt="background"></video>

i just did it here: https://enfold.webers-webdesign.de/

only with mp4 video :

function add_video_to_hamburger_background() { 
?>
<script type="text/javascript">
(function($){
	$('#header').one('click', '.av-main-nav-wrap' , function() {
		setTimeout( function() {		  
			$('.av-burger-overlay').append('<div class="video_burger_bg"><video autoplay="" loop="" class="video_bg" style="width: 1920px; height: 1080px;"><source src="/wp-content/uploads/Blurred-Crowd-of-People-Walking_SD_DOWNLOAD.mp4"><img src="/wp-content/uploads/video-preview.jpg" alt="background"></video></div>');		 
		},300);   
	});
})(jQuery);
</script>
<?php 
}
add_action('wp_footer', 'add_video_to_hamburger_background');

But one thing to mention Does it all the time loop. so maybe it is best to enter a play/pause routine f.e. on clicking to a link inside the hamburger or the av-main-nav-wrap burger icon.

#top .video_bg {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	background-color: #000;
}

#top .av-burger-overlay-bg {
	opacity: 0.8;
}

You have found it already! Havn’t you?
I can see no hover bg color for those list items

i’m too at allInkl and have on all of my projects PHP Version 8.1.16 without any problem.
Sometimes on important installations i do have these entries in my wp-config.php ( it is a different way to set up these values ):

define( 'WP_MAX_MEMORY_LIMIT', '256M' );
define( 'WP_MEMORY_LIMIT', '128M' );

there are no child-theme plugins – there are only plugins.
f.e. – if i have contact form 7 plugin installed – it will be there on enfold parent theme – and it will be there on the child. No extra loading needed.
Plugins are loaded by wordpress – not by there themes. You can easily check this – because changing the theme to 2020, for example, does not change the activations of the plugins – all those that were active before remain so.
There may be plugins that are written specifically for Enfold (I can’t think of any right now) – but even there the above applies.
What plugin do you like to work with? What changings do you have made?

_______

Maybe you just don’t see the change because you have caching tools running or Enfold’s file merging is active. In this case you should refresh the files: Enfold – Performance – “Delete Old CSS And JS Files?

I think you have a little misunderstanding about how a child theme works. A child theme uses all the parent theme elements as long as no files of its own are explicitly added. Plugins are no exception, they are added to WordPress and made available to the themes. The child is then allowed to be the one who benefits from the whole thing.

no difference to editing if you only have your parent theme activated.
just choose on top right your desired plugin you had to edit. “Select plugin to edit:”

maybe you style it this way: one color-section to 100% height. Page Template as : Template Blank – no header no footer

see: https://enfold.webers-webdesign.de/website-switch/

you can have that page as landing page – but for your menu set the home button as you like and change logo link to Website A link

add_filter('avf_logo_link','av_change_logo_link');
function av_change_logo_link($link){
    $link = "https://website-A-Domain-link";
    return $link;
}

do not use these filters for that – just load your svg logo by enfold options dialog.
All newer Enfold will suport the inline svg logo now. And on transparency the same

See comment on bottom right “Since 4.8.6.4 … )

These filters can be used to show on specific pages a different logo. But for svg there might be better ways then.

f.e.: to replace a standard jpg/png logo with inline svg on specific pages:

function replace_logo_with_svg() {
if(is_page(array( 39718, 39906))){ 	
?>
  <script type="text/javascript">
  (function($) {
    function a() {
      $( ".logo a img" ).remove();
      $.get('/wp-content/uploads/logo-rood-2023.svg', function(svg){
        $( ".logo a" ).html( svg );
      }, 'text');
    }
    a();
  })(jQuery);
  </script>
<?php
}
}
add_action('wp_footer', 'replace_logo_with_svg');

see here a different logo – than on the other pages: https://webers-testseite.de/portfolio/

are you trying to have a menu floating into two lines? – Or do you only want to have a break in menu label ( see here: https://consulting.webers-testseite.de/ )

the first is possible too – with flex box layout. But that will be difficult to style if you have a shrinking header – and if the first level menu-items got a lot of drop-down sublevel menu-items ( or mega-menu option ) see: https://pureinstall.webers-testseite.de/impressum/
You will run into conflict with area to click – The click areas are too close together
see docu: https://kriesi.at/documentation/enfold/menu/#multiline-menu
( but that will work with menu left and logo right too – just change some flex settings to have it )

under Performance Setting you find it on the top : “File Compression” – you can set css and js merging.
This setting ensures that a single file ( each ) is created from the many individual css or js files; this is then loaded by Enfold instead of the individual files. But this is a kind of cached information. Therefore, changes to the settings are only visible when you reinitiate the creation of these merged files below.

Hence my request to switch off this setting to find out where the changes were made.
In principle, I would also recommend to turn this on or install caching tools/plugins only after you are finished with the layout of your page.

if you sitch off your merging we can better inspect your site – but there is a rule inside your css:

#top #header .av-main-nav>li>a {
 font-size:14px
}

and i think that this comes from advanced styling. And this is not your intention ?
how did you load the cormorant garamond font?