I changed the code a little bit above. So that you don’t have only one Acceptance checkbox – assign a class to the IDs – here I have chosen acceptance.
You have to be careful when assigning multiple elements – they are separated by commas but are enclosed in quotes as group.
$('#avia_5_1 , #avia_6_1').addClass('acceptance');
all your acceptance checkboxes must be listed here

now you can also see the advantage over .filter : Only if all elements with the class pass the filter, the statement is considered true.
see again: https://webers-testseite.de/contact/

function change_submit_button(){
if(is_page('123456')){
?>
<script type="text/javascript">
(function($){
$(document).ready(function(){ 
	$('#avia_5_1 , #avia_6_1').addClass('acceptance');
	$(".acceptance").prop('checked', false);
	$('form.avia_ajax_form').find('input[type="submit"]').val("Stop").css({
			'background-color': 'red',
			'pointer-events': 'none',
			});

	$(".acceptance").on( "click", function(){
	    var a = $(".acceptance" );
	    if(a.length == a.filter(":checked").length){
	        $('form.avia_ajax_form').find('input[type="submit"]').val("Submit").css({
			'background-color': 'green',
			'pointer-events': 'auto',
			});
		}
		else{
			$('form.avia_ajax_form').find('input[type="submit"]').val("Stop").css({
			'background-color': 'red',
			'pointer-events': 'none',
			});
		}
	});
});
})(jQuery);
</script>
<?php
}
}
add_action('wp_footer', 'change_submit_button');

and i guess you have some troubles with : CORS: https://kriesi.at/documentation/enfold/icon/#icons-are-showing-as-rectangular-boxes-

on my test page is stayes at the menu.
can you try this:

function shift_search_icon(){
?>
<script type="text/javascript">
(function($){
	$('#avia-menu').find('#menu-item-search').clone().appendTo('#menu-menu3');
         $('#avia-menu').find('#menu-item-search').remove();
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'shift_search_icon');

just to see if detach() is the problem

ok – we posted the same time.
How did you create that footer? is it a page as footer ?

as far as i know
1) the enfold main menu is always: .main_menu
( a class here because if you got menu below logo there will be an extra container ( #header_main_alternate) for that cloned menu)
2) the top menu : #avia2-menu
3) footer menu: #avia3-menu
these are theme_locations not names of the menu.

are you familiar with developer tools of your browser? Inspect the footer menu and see what ID this menu has got.

but nevertheless – have you seen my concerns about the position?

You like to have an acceptance button – but for enfold contact form?

By the way – dear Dev’s – might be a nice to have thing: acceptance Checkbox

You had to know the ID of the checkbox you like to have as an acceptance button. ( on my example it is checkbox with ID: avia_5_1 )
if you are not familiar with developer tools – you even can count from top to bottom – left to right. – you see on my test page that it is the 5th element on that form.
By the way – if it is the last visible element before submit you can use as selector even the class: av-last-visible-form-element
With the setting of that checkbox you can style and influence the behavior of the submit button:

this code here is for a specific page – you had to adjust it to your page ID.

code comes to child-theme functions.php:

function change_submit_button(){
if(is_page('38472')){
?>
<script type="text/javascript">
(function($){
$(document).ready(function(){ 
	$('form.avia_ajax_form').find('input[type="submit"]').val("Stop").css({
			'background-color': 'red',
			'pointer-events': 'none',
			});

	$("#avia_5_1").on( "click", function(){
	    var a = $("#avia_5_1");
	    if(a.length == a.filter(":checked").length){
	        $('form.avia_ajax_form').find('input[type="submit"]').val("Submit").css({
			'background-color': 'green',
			'pointer-events': 'auto',
			});
		}
		else{
			$('form.avia_ajax_form').find('input[type="submit"]').val("Stop").css({
			'background-color': 'red',
			'pointer-events': 'none',
			});
		}
	});
});
})(jQuery);
</script>
<?php
}
}
add_action('wp_footer', 'change_submit_button');

PS: Change value ( Stop, Submit ) to your needs.
results page: https://webers-testseite.de/contact/

background-color : none    /*** is not a valid value  ***/

it could not be the browser cache – because i see the header fixed too.
And any other cache? we had to find then that rule concerning to a fixed header – but even with the css set the header to postion absolute – it has to scroll away.

.html_header_top.html_header_transparency #header {
    position: absolute;
}

and there is the correct class on html: html_header_sticky_disabled
( with a sticky header there should be : html_header_sticky )

so this is strange!

as participant i do not see your private content – but lightbox has in its markup a mfp-bg ( background) and the mfp-wrap for the content – i guess what you look for is the mfp-bg opacity which is on default at 0.8
this is standard definition:

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000;
  opacity: 0.8; 
}

but sometimes ( depends on the source you open it must have a more specific selector like:

.mfp-zoom-in.mfp-ready.mfp-bg,
.mfp-zoom-in.mfp-ready .mfp-preloader {
  opacity: 0.8;
}

Nice – thanks for the code.
I prefer my borlabs cookie – but this is a good addition for enfold usage.

<a href="link to your image" ><i class="fa fa-eye" aria-hidden="true"></i></a>

I removed it from my page now – because i do not need font-awesome.

it remains visible in the frontend, but in the backend the code is unfortunately no longer visible after saving.
Maybe it is also due to my implementation via:

( just embedded via functions.php the fast way by:

function font_awesome_5(){
?>
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<?php
}
add_action('wp_head', 'font_awesome_5');

so again my question : how did you insert that icon

Custom ID : you did read this carefully: “Use with caution, be sure to have a unique value on the page and also make sure to only use allowed characters (latin characters, underscores, dashes and numbers, no special characters can be used).”

Edit: i can confirm that only on normal ( not pricing tables the ID is missing)

______________
Edit ( no on my side your html code works – and there is not custom ID in it )
so this is not the reason for your problem:
i think that you are using the dollar symbol that is a code symbol too like greater than or less than.
There is a little plugin written by Günter to have these special characters in the content without breaking the layout: avia-special-characters

little description: https://kriesi.at/support/topic/problem-with-hyphens/#post-1179376

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

can you show me a link to that page with the icon?

how did you insert the icon ( guess it is font-awesome) – as shortcode ?

or this way ?

<i class="fa fa-eye" aria-hidden="true"></i>

you can surround this with an <a href …></a>
see here your eye: https://webers-testseite.de/abc/

by the way – entypo-fontello got the eye too in the list – that is more comfortable to style.

https://www.w3schools.com/howto/howto_css_icon_buttons.asp

these selectors are correct – but even if you set the rules to !important – there might be another rule concerning to these elements with a higher specifity.
You can see here a specifity calculator that gives you a feeling which selector wins the run! ;) Link
ID’s got a higher weight on specifity than classes than pseudo-classes – so maybe you try:

#top .av-masonry-entry-title.entry-title { 
font-size: 10px !important; 
color: #fff !important; 
}
#top .figcaption.av-inner-masonry-content { 
padding: 30px !important; 
}

better advice only possible if i can see the real site