Yes that is true but for my part, however, I try to activate the Advanced Layerslider for performance reasons only in Enfold installations where it is absolutely necessary. That means really complex animations have to be realized. That’s why I usually deactivate it in the settings (always in such a way that it can be reactivated if necessary).

I’m afraid this is a relevant upgrade requirement for your website. As a shop system provider, you are in contact with your customers and collect personal data. As far as I know, this new feature is then mandatory.
To what extent it makes sense for a small percentage of all Enfold users to incorporate this functionality into the GDPR concept, which is already quite well included, remains to be seen. I fear that this would make the theme unnecessarily unperfomant for those who do not need it.
Rather, I believe that a store operator is better advised to use a highly specialized plugin to ensure legal compliance.

sorry – wrong suggestion – you said that you have set the checkbox on your user account.

Nothing! On that Demo – the landing page is a page with transparent header.
You can set this logo for transparency header – by checking that “Transparency Logo Options” under the logo input field on enfold option.
There a different logo could be set for it.

on that single post : https://avaansmedia.com/when-should-a-startup-hire-a-pr-firm/
edit the content of that single post under that audio embed: “When Should a Startup Hire a PR Firm?” to h2

and – you had to adjust the padding-top of #main in your setting.
i can see this rule inside your css:

body.category #wrap_all #main, body.tag #wrap_all #main {
  padding-top: 0 !important;
}

that is why there is an overlap with your logo.

that is what ismael said on your single page you inserted inside the content of that post a h1 heading.
(btw: this leads here to a duplicate h1 heading too)
The content of this page will then be taken over from the archive page. The title of the individual post is h2 within the archive page. However, the headings in the content are adopted as you have set them.
So if you now edit this single page (https://avaansmedia.com/when-should-a-startup-hire-a-pr-firm/ ) to convert this heading into a h2, then it will be the same on the archive page.

the example page above is an archiv page of personal – and yes the breadcrumb is h1 – but all the other blog title headings are h2.

That is why i ask if your page is similar to that – it makes me wonder. on the single posts – the titles are h1 but then breadcrumb tag is “strong”.
is there a link to your site that you can make public – as participant as you are – i do not see private content field here on board.

A page like that: https://kriesi.at/themes/enfold-2017/category/personal/

there all post do have h2 headings – and only the breadcrumb category is h1.

have you tried that already:

First – Mikes post is still right – but the need for the callback function is not necessary anymore – because there is now a filter for reaching the fixed background on lightbox opened.

add_filter( 'avf_default_lightbox_no_scroll', '__return_true' );

next: the code for that inline popup is correct but you had to know that the class open-popup-link had to be the trigger for the magnificPopup function.
On button Element the custom class goes to the button wrapper – not the anchor itself. – so the selector had to reflect that ( the class is parent of the anchor)

function inline_popup_every_avia_ID_you_like() { 
?>
<script type="text/javascript">
(function($){
$(window).on('load', function () {
	$('.open-popup-link').find('a').addClass('no-scroll');
	
    $('.open-popup-link a').magnificPopup({
		removalDelay: 500,
		type:'inline',
		midClick: true,
    });

    $(document).on('click', '.popup-modal-dismiss', function (e) {
      $.magnificPopup.close();
    });

 });   

})(jQuery);
</script>
<?php 
}
add_action('wp_footer', 'inline_popup_every_avia_ID_you_like', 999);

summary:

• the trigger is a link which is child of the custom-class: open-popup-link
• if you got a lot of these trigger links you can give that custom-class to the color-section etc. this indicates that all links inside goes to lightbox.
• if you want to link to another lightbox from that modal window – just place a button inside again with class: open-popup-link
• there is a second class – thats for a link inside the popup that could close the lightbox: popup-modal-dismiss
  nice to have for links in the lightbox that goes to an anchor link (f.e. one-pager sites).
• the triggered link should have now a manual link to an anchor with unique ID
• give to this element that goes to the lightbox the class mfp-hide (to make it invisible) and maybe the class white-popup (for prestyled styling of the lightbox by magnificPopup) and the ID of the button link

unterhalb des Logo Eingabefeldes gibt es einen Schiebregler für die Transparenz Optionen: “Transparency Logo Options”
den aktiviere bitte mal. Dann kannst du nun ein Logo für die Seiten mit Transparenz hinterlegen, sowie die Farben des Menüs festsetzen.

Achte bitte darauf, dass die beiden Logos die gleichen Abmessungen haben und auch sonst deckungsgleich sind. Dann ist der Übergang fließender.

well i would not use the hidden : .avia_hidden_link_text nor pseudo-containers because there is allready an existing “caption”
use the hidden strong container inside av-hamburger-box !
synchronize the media query with the hamburger “break point”
f.e:

@media only screen and (max-width:989px) {
  #top .av-burger-menu-main .av-hamburger-box strong {
    display: block !important;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    color: #000; /*** edit this to your needs ****/
  }
}

you have to adjust the color for this and think of transparency option too.

for example you can use the variable color definitions:

@media only screen and (max-width:989px) {
  #top .av-burger-menu-main .av-hamburger-box strong {
    display: block !important;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--enfold-header_burger_color); 
  }
  #top #header.av_header_transparency .av-burger-menu-main .av-hamburger-box strong {
    color: var(--enfold-header_replacement_menu_color); 
  }
}

you can try that in quick css:
But maybe that is only nice for wide screens – if there is not enough space it will be not advisable

@media only screen and (min-width:1300px)  {
  #top .avia-content-slider {
    overflow: visible !important;
  }
  #top .avia-content-slider .avia-slideshow-arrows a.prev-slide {
    left: -70px;
  }
  #top .avia-content-slider .avia-slideshow-arrows a.next-slide {
    right: -70px;
  }
  #top .avia-content-slider .avia-slideshow-arrows a.prev-slide:before{
    text-indent: 15px;
  }
  #top .avia-content-slider .avia-slideshow-arrows a.next-slide:before {
    text-indent: -15px;
  }
}

Select an alternative value for 1300px for your installation