ok now i see.

but maybe you make the shadow a bit more intense for it:

.popup_content--2JBXA {
    box-shadow: 0px 10px 75px 0px rgba(0,0,0,0.50), 0px 10px 50px 0px rgba(0,0,0,0.5);
}

so a different way – elegant but more work to do is to register your own mobile menu

on your screenshot we do not see the selector (the element ) to what the box-shadow should go.
I suppose there is no-one.

something like

.flex_column.av_one_third {
      box-shadow: 0px 10px 75px 0px rgba(0,0,0,0.10), 0px 10px 50px 0px rgba(0,0,0,0.15);
}

_________________________

By the way – but Off Topic – if you have found a way to show on a page a pdf – ;) i’m interesting too

the only way i know is via javascript to render a pdf on websites.
or to embed them like this:
<embed src="https://example.com/the.pdf" width="100%" height="800" type="application/pdf">

but chrome and android do not support this anymore.
Edit: it seems that this is still supported by chrome
Alternative you can use the google pdf viewer to show pdfs on website:
<embed src="https://drive.google.com/viewerng/viewer?embedded=true&url=https://example.com/the.pdf" width="100%" height="800">

or try this in child-theme functions.php
(the filter is part of WordPress template.php on function get_post_states( $post ) )
(you can include not to show draft and password protection too – but i think this is usefull to have)

function remove_post_state( $post_states, $post ) {
  if("! has_blocks( $post->ID )") {
    unset($post_states['wp_editor']);
  }
  if("!= Avia_Builder()->get_alb_builder_status($post->ID)") {
    unset($post_states['avia_alb']);
  }
return $post_states;
}
add_filter('display_post_states','remove_post_state',999,2);

First go to enfold options : layout builder and select your needed settings – my advice do activate all three custom id and classes and selecting the header tags.

but for headings element – you don’t need to do that – here the choose of heading tag is still activated without those settings:

but with the settings above you will have on a lot of other alb elements the possibility to choose headings tag! f.e. iconbox etc. pp:

on base css line 379 there is :

.special_amp{
font-family: "Baskerville", "Palatino Linotype", "Palatino", "Times New Roman", serif; 
font-style: italic; 
font-size: 1.3em; 
line-height: 0.5em; 
font-weight:normal;}

and on functions-enfold.php there is the function: avia_ampersand
to rule the substitution. ( it set the ampersand sign between span tags with class: special_amp
By the way if you gave that custom-class: special_amp to a whole text-block it will show you that styling.

so a lot of users have the problem to get rid of it than to have the style.
And : Baskerville is not a good Websafe Font – so it might not be seen the substitution on older Win Systems: https://www.cssfontstack.com/Baskerville

Yes – i know that this is not caused by Enfold (alone) but even on wordpress themes ( twenty-twenty etc.) the script-src and style-src had to be set to unsafe-inline.
But i do not see why. Is it the customizer script that is implemented in a “wrong” manner?

@ismael : i do not understand how this could work: if(!title) title = item.el.parent().next('.wp-caption-text').html() if there is no wp-caption-text in the page.

and @daniel – if you have on your descriptions html code like bold text or something else you might take .html() instead of .text()

This is a bit more than you like to have but it shows you how you can have influence on different settings using Enfold specific classes – and even you can change the markup for lightbox on that
my example page is on id: 36548 so if you want to have that globally – get rid of if-clause
look to this example code:

function popup_masonry_gallery() { 
if(is_page(36548)){
?>
<script type="text/javascript">
(function($){
$(window).load(function(){  
    $('a.av-masonry-entry.lightbox-added').magnificPopup({
    type: 'image',
		image: {
        titleSrc: false,
        markup: '<div class="mfp-figure">'+
                  '<div class="mfp-close"></div>'+
                  '<div class="mfp-top-bar"></div>'+
                  '<div class="mfp-img"></div>'+
                  '<div class="mfp-bottom-bar">'+
                    '<div class="mfp-title"></div>'+
                    '<div class="mfp-counter"></div>'+
                  '</div>'+
                '</div>',
    },
    mainClass:          'avia-popup mfp-zoom-in mfp-image-loaded',
    closeOnContentClick:  false,
    midClick:         true,

    gallery: {
      enabled:      true
    },

    callbacks: {
		markupParse: function (template, values, item) {
			values.title = item.el.find('img').attr('alt') + '<br>' + item.el.closest('.av-masonry-entry').find('.av-masonry-entry-content').text();
		},

		// this - is Magnific Popup object.
        change: function() {
            $(this.content)
                .find('.mfp-top-bar')
                .html(
                    '<h2>' +
                        $(this.currItem.el).attr('title') +
                    '</h2>'
                );
        },
      	buildControls: function() {
	        // re-appends controls inside the main container
	        this.arrowLeft.appendTo(this.contentContainer);
	        this.arrowRight.appendTo(this.contentContainer);
      	},
    },
  }); 
  // close the iframe window
  $(document).on('click', '.popup-modal-dismiss', function (e) { 
    $.magnificPopup.close();
  });
});
})(jQuery);
</script>
<?php }}
add_action('wp_footer', 'popup_masonry_gallery');

first i get my selector – as on enfold it is the class lightbox-added
then i declare a new markup for that popup with f.e. a top-bar
on the callbacks i set the mfp-title to the image alt attribute and in the second line i look for the enfold description place – and get the text from: av-masonry-entry-content
in the new top-bar i place the img title as mfp-title !

see result: https://webers-testseite.de/lightboxes/

click the first image – you will see where the texts comes from in that new markup

Important: The captions had to be shown on that masonry in the enfold options dialog – otherwise they are not in the markup.
so if you do not like to have the visible set the figcaption to display none.

.mfp-top-bar h2 {
    color: #fff;
    font-weight: normal;
}

.page-id-36548 .av-inner-masonry-content {
    display: none;
}

hm – ismael that will not be enough : and will end in:

and a non working wordpress page (

hm – what i can not believe is that your home page is not declared as it is. : home – but nevertheless we can address that page via its id:

.page-id-45 .av-section-bottom-logo.header_color {
    position: absolute;
    z-index: 5;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(255,255,255,0.5) !important
}

you decide what looks best on transparency options.

my thoughts on that are here resumed: https://kriesi.at/support/topic/header-security-entries/#post-1155949
the question is why we had to set it to unsafe-inline and unsafe-eval to have a working site?

you can see here f.e.: that it is mostly a wordpress thing https://core.trac.wordpress.org/ticket/38695

I hope that WordPress should take care of that: and that an unsafe-inline and unsafe-eval is not necessary in the future releases

hm – first of all : who is responsible for the contents of your page in your imprint?
So also this contact person has to take care of it.

Everyone has completely different pages, and relevant also page requirements. If you use Google systems, then these must flow into your releases also there. Do you use cloud services or CDNs – and which ones etc. pp. Analytics Tools …
These are so many parameters that only you can know, that it would be unfair to charge these tasks to a theme creator.

These header security entries are only indirectly related to the GDPR. They should prevent that various illegal attacks (Man in the Middle etc.) on the part of third can take influence on your site.

Well, don’t shirk your responsibilities. With SSL certificates, you also have to take care of it yourself.

https://kriesi.at/support/topic/header-security-entries/

i did it via htaccess file.

may i see your site please – think of – i’m participant as you are and can not see private area