hm – when reading his topic i guess he will only hide the logo when scrolling – so maybe this in child-theme functions.php
will do the job ( but without seeing your site it is hard to give advice)

function hide_logo_on_scrolling(){
?>
<script>
(function($) {
	$(function() {
		    $( window ).scroll(function() {
		    	$('.logo img').css({ 
		    	        'opacity': '0',
				'transition': 'all 1s ease',
		    	});
    			clearTimeout( $.data( this, "scrollCheck" ) );
    			$.data( this, "scrollCheck", setTimeout(function() {
    				$('.logo img').css({
    				'opacity': '1',
    				'transition': 'all 1s ease',
    				});
    			}, 250) );
    		});
	});
})( jQuery );
</script>
<?php
}
add_action('wp_footer', 'hide_logo_on_scrolling');

on “Content Elements” there is that alb : “Page Content”
so if you create a whole page with all you need – and then you can insert that page content to different pages / posts.
When editing that page all pages will follow that changings.

if you realy want to get rid of that button – you can use remove for it – place that in child-theme functions.php
f.e. you placed an enfold button and give a custom class to it f.e.: button-customclass

function remove_a_button_with_custom_class(){
?>
<script>
(function($){	
	$(".button-customclass a").click(function(){
    	$(this).remove();
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'remove_a_button_with_custom_class');

what about : [av_privacy_link]Datenschutzerklärung[/av_privacy_link]

if you only have that on the given page and do not need to have that elsewhere i recommend to use: https://kriesi.at/support/topic/how-do-i-create-h1-tag-from-the-caption-title-in-fullscreen-slider-element/#post-1122106

a little effort:

$('#avia-menu').find('.menu-item-has-children:not(.menu-item-mega-parent).menu-item-top-level.current-menu-item .sub-menu a').on('touchend', iPadMenuFix);

i placed another class to the selector so the mega-div does not hide the sublevel ul’s on touch now – but now we had to find a method to close the mega-div on touch any link in it !

maybe a toggle of the dynamically set of open-mega-a class could help…

this https://kriesi.at/support/topic/ipad-drop-down-menu-wont-tap-off/#post-1047074

works but has on mega-menu wrong behavior – because it hides the closest menu which is on most cases a second-level menu under mega-menu
see link on privage content

if you really mean that it is only for mobile devices you an use this into your child-theme functions.php:

add_action( 'wp_head', 'landingpage_for_mobile', 10 );
function landingpage_for_mobile() {
if(wp_is_mobile()){
?>    
<script>
  if (window.location.pathname == '/' ) {
     window.location = "/imprint/";
  }
</script>
<?php
}
}

in this case the imprint page will be the landing page for mobile devices.

if you like to set the heading tag on each slide in a different way – you can use my edited enfold alb elements.
But read carefully – on slider you need 4 files to substitute: https://webers-testseite.de/edited-enfold-alb-elements/

if you are using a child-theme ( and i alway recommend that) you can replace the logo by adding something like this to your child-theme functions.php

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo){
    if( is_page(121) ) {
    	$logo = "https://bright.itsomimedia.nl/wp-content/uploads/Bright_academy_bgwit3.png"; 
    }
    return $logo;
}

btw: you can have more substitutions like this way with all conditional possiblities you like:

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo){
    if( is_page(121) ) {
    	$logo = "https://bright.itsomimedia.nl/wp-content/uploads/Bright_academy_bgwit3.png"; 
    }
  
    if ( is_page( array( 42, 54, 6 ) ) ) {
    	$logo = "http://www.domain.com/wp-content/uploads/logoforpage22.jpg"; 
    }

    if ( is_page() && !is_page(1307) )  {
    	$logo = "http://www.domain.com/wp-content/uploads/logoforpage23.jpg";  
    }
    return $logo;
}

etc. pp.

Sorry i thought this was clear where to replace!

#top #wrap_all .all_colors h1,
#top #wrap_all .all_colors h2,
#top #wrap_all .all_colors h3,
#top #wrap_all .all_colors h4,
#top #wrap_all .all_colors h5,
#top #wrap_all .all_colors h6 {
text-transform: none;
}

you can use :

text-transform : none ( maybe an !important is necessary )

if your topmenu isn’t to big ( and i suppose that there is not enough place to have there a great menu) – wouldn’t it be easier and on performance reasons better to add those items manually to the main-menu and set those menu-items to display none on non-mobile case?

if I had no respect for simple questions here, then I would be satisfied with hints at the solution approach. But I often mean to formulate precise instructions here. Some people may even be disturbed by the detail and illustrations – and many are not interested in a learning curve but just want to get the solution in the form of short snippets. But despite everything the questions are often not precise enough.
You presented me a picture of the slider above; then I mistakenly assumed that you wanted to achieve that. But in the end it’s not much different than the described procedure, because as the mods here already indicated, it’s not an ALB element, but just like I indicated above simple html insertion and css styling. So please always try to be as specific as possible in your question in order to avoid superfluous solutions.

And dear Gitte you aren’t able to transmit the more complicated case to an easier one?
the html code is above – put it in a text-block or code block element – the rest only had to be adjusted to not specific for sliders:

.avia-double-buttons {
    margin-top: 30px;
    text-align: center;
    position: relative;
}

#top #wrap_all  .avia-double-button, 
#top #wrap_all .avia-double-button {
    background: #000;
    background: rgba(0,0,0,0.4);
    border-color: #fff;
    color: #fff;
    padding-bottom: 11px;
    text-decoration: none;
}

#top .avia-double-button {
    letter-spacing: 1px;
    padding: 13px 20px;
    padding-bottom: 13px;
    text-transform: uppercase;
    font-size: 13px;
    text-align: center;
    min-width: 175px;
    display: inline-block;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    border: 4px solid #fff;
        border-top-color: rgb(255, 255, 255);
        border-right-color: rgb(255, 255, 255);
        border-right-width: 4px;
        border-bottom-color: rgb(255, 255, 255);
        border-left-color: rgb(255, 255, 255);
    text-decoration: none;
}

#top .avia-double-button-1 {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-right-width: 2px;
}

#top .button_or {
    position: absolute;
    display: block;
    height: 26px;
    line-height: 21px;
    width: 40px;
    text-align: center;
    top: 50%;
    left: 50%;
    margin: -13px 0 0 -22px;
    background: #fff;
    color: #666;
    border-radius: 100px;
    font-size: 12px;
    border: 2px solid #FFF;
    font-style: italic;
    font-weight: 600;
    z-index: 11;
}

#top .avia-double-button-2 {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-left: none;
        border-left-color: currentcolor;
}

#top #wrap_all .main_color .avia-double-button-1:hover, 
#top #wrap_all .main_color .avia-double-button-1:hover {
    background: rgba(0, 100, 190, 0.6);
    color: #fff;
}

#top #wrap_all .main_color  .avia-double-button-2:hover, 
#top #wrap_all .main_color .avia-double-button-2:hover {
    background-color: rgba(200,0,120,0.6);
    color: #fff;
}

@media only screen and (max-width:480px) {
 .responsive #top .avia-double-button {
  width:50%;
  min-width:50%;
  margin:0
 }
}

see test page