So – if you follow my instructions – also at the example page – you can see that it works. Even though I do not think this is recommendable.

First of all, you don’t seem to have grasped the difference between classes and ids.
So if you follow the description you will see that I have assigned an ID to the button row and not a class.

There is no option on the button-row element to give different classes or id’s to the single button in a row.
You are only able to do that for the wrapping container. That is the reason for the first snippet:
It passes this assigned ID to the child elements ( avia-button) in combination with an index, so that each avia-button now has a unique ID.

( click to enlarge the image:)

on that screenshot you see that the ID of the button row will be found on each button ( part of that row ) as a unique ID for each Button with a littel addendum ( – button1; -butten2 etc. )

As already mentioned above, you could of course select the individual buttons in the row by count them.
an expression like this will do the selection too: #abc .avia-button:nth-of-type(1) .avia_iconbox_title

__________________________________

Here now my closing comment:

It is generally not recommended to include an H1 tag within an anchor tag. The H1 tag is typically used to indicate the main heading of a webpage, and it is best to reserve it for that purpose. Using an H1 tag within an anchor tag could be seen as a misuse of the tag, and could potentially harm your SEO efforts. Additionally, search engines may not be able to understand the context of the H1 tag if it is used in this way.
It is best to stick to using anchor tags for linking purposes, and using H1 tags for headings.

If you only like to have bigger font-sizes inside a “button” – there are other better and easier ways to obtain it.

This can happen quickly, especially with numerous css rules within a media query. That’s why I usually write the empty media query statement first, including the closing brackets, and then write the rules that have to go in there.

it is up to you – what width is your favorite – but a littel bit more place seems to avoid a lot of troubles.
Edit: looks nicer now – on my point of view!

may i ask you another question: this is intentional : content width: 1130px ?
this is a very small value – isn’t it?
And it is a fallback value of enfold – if there are some css errors ;)
or if you do not set it to responsive behavior – choosen on “general layout” : Responsive Site

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 1 year, 7 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;
}