Sorry!
I just found the solution. It´s a plugin issue.
ISSUE SOLVED

Thank you Guenni007!
I´ll try the solution from your first answer. I think that will do the trick and it is great that i can be handled by page ID.

Hi, Ismael!

I already have set cookie behaviour to “All cookies and services are accepted on first page load, user can opt out”.
No effect! The form doesn´t work because of Google ReCaptcha is not accepted.
Only if i accept the cookie consent bar/message and reload the page (and it´s a onepager!) the form works.

The problem is that no user on a onepager would accept cookies and then refresh the page.

Best regards,

Christian

Hi allaith!

This is the code i use now and which is working.
All the whatsapp relevant parts

// Register new icon as a theme icon
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
function avia_add_custom_icon($icons) {
	$icons['whatsapp']	 = array( 'font' =>'whatsapp-font-icon', 'icon' => 'ue800');
	return $icons;
}

//Adjust icons
add_filter('avia_filter_social_icons', 'avia_filter_social_icons_mod', 10, 1);
function avia_filter_social_icons_mod($icons) {
	$icons['Whatsapp'] = 'whatsapp';
	return $icons;
}

// set whatsapp url pattern
add_filter('avia_social_share_link_arguments', 'avia_social_share_link_arguments_mod', 10, 1);
function avia_social_share_link_arguments_mod($args)
{
    $pattern = 'https://web.whatsapp.com/send?text=[permalink]';

    if ( wp_is_mobile() ) {
        $pattern = 'whatsapp://send?text=[permalink]';
    } 

	$args['whatsapp'] = array("encode"=>true, "encode_urls"=>false, "pattern" => $pattern, 'label' => __("Deel via WhatsApp",'avia_framework'));
	return $args;
}

function custom_add_more_protocols( $protocols ){
	$protocols[] = 'whatsapp';
	return $protocols;
}
add_filter( 'kses_allowed_protocols' , 'custom_add_more_protocols' );

And use this in quick-css to style the whatsapp button.

/* Whatsapp button color */
#top #wrap_all .av-social-link-whatsapp:hover a {
color: #ffffff;
background-color: #3bb528;
}

Sorry for the late reply!

I did some tests with kses_allowed_protocols but finally i must have missed something.
I added following to the child themes functions.php

function custom_add_more_protocols( $protocols ){
	$protocols[] = 'whatsapp';
	return $protocols;
}
add_filter( 'kses_allowed_protocols' , 'custom_add_more_protocols' );

The link is now visible and also there is a sharing function. But the url is missing and not send. Only the title.

Can you give me a hint to solve that.

Data in privat content reply.

Hi Victoria!

I don´t want to remove the transparent background completely. I only want to reduce the height of the transparent background.
Like in my Screenshot. When i reduce the height via CSS it becomes smaller but is not aligned behind the menu.

Regards
Christian

Found it out!

There were missing ID´s in the css code.
It should be like this:

<strong>.page-id-28</strong> .header_color .av-hamburger-inner, <strong>.page-id-28</strong> .header_color .av-hamburger-inner::before, <strong>.page-id-28</strong> .header_color .av-hamburger-inner::after {
    background-color: #ffffff!important;
}

Topic can be closed!

Ok, i try to explain it better.

For example: If i´m here http://wordpress.p443147.webspaceconfig.de/family/ i am on the site “family”. If i now open the burger menu the submenus are closed. But because “family” is a submenu item of “KLAUS” it would be great if the submenu items of “KLAUS” would already be opened and the active menu “family” would be highlighted in some way (other color, underline, …).