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

This is meant to be a suggestion: https://webers-testseite.de/sticky-sidebar/

The sidebar is fixed as long as the content container can scroll. If the sidebar has more content than the screen height – it is recommended to scroll at the end.

you have to transfer this to sidebar left and to your page-id.

Here you can see another page with same idea: https://webers-testseite.de/sticky-elements/
or here: https://webers-testseite.de/layout-mimic/. – see whats happening on the end of the page. ;)

PS : a lot of tools to redirect – and even Yoast SEO did it this way.
But i try to find a solution to completely hamper creation of those attachment pages – but didn’t found one.

Many thanks – I like people with good behaviour. ;)

Anyway – under my nick there is my contact information, if you know where the layout goes, then I’m happy to help.
But with your code above, which you used, I don’t think a special help is necessary. Sometimes you just can’t get to the simplest things, like the Order option of a Flex layout.
Otherwise my example pages are mostly without merging, so that you get quite far with the developer tools to pick out the css instructions.

look to your other topic.
You have your single Books in Posts – so use first Blog Element to show these Posts in a Grid view.

More and more I come to the conclusion that you may not have discovered the Enfold typical editor yet.
With your 18 topics, that might be the case.
First of all I recommend you to disable the Block Editor (Gutenberg). I find this only confusing in connection with Enfold.
This can be done under Dashboard – Enfold (or Enfold Child) – Theme Options = Select Your Editor

Then you have a button below the Title input field of each Editor Page ( Pages / Posts/ Portfolio) : Advanced Layout Editor. If you press this button, then these Advanced Layout Builder Elements ( ALB Elements) will appear above the layout window (sometimes this is not quite clear in the theme because Avia Layout Builder is also used as a name).

This is indeed the great strength of this theme. An intuitive layout design via drag and drop; sometimes with a little too many settings, but most of them are quite useful and have grown over time.

or maybe this is something for you: https://kriesi.at/documentation/enfold/example-of-widget-left-logo-center-widget-right-menu-below/#toggle-id-2
It is working with widgets in that area.

you see the code i used to insert the additional containers.
It is easy to have there additional attributes on the spans ( title, alt etc.) – the code could be language specific because you can build if clauses on that case.
If you need different links on these left and right sentences – maybe it is better then to have siblings of the span.logo container instead.
i do not know how your prefered header looks like. So describe a bit more. On your example image above it seems to be that your logo is on top and navigation below.

See here: https://webers-testseite.de/cynthia/logo-two-subs/

i have on that logo ( img , span1, span2 )
on wider screens i handle logo a as display flex and set the order this way that span1 is before img.
on mobile i go back to display block and can now position the spans absolute and float options.

by the way i did not think on that function – i just added both spans with:
( so i have these as siblings to logo img )

function add_logo_elements() { 
?>
<script>
	(function($){		
		$('.logo a').append('<span class="on-left">My Company</span><span class="on-right">My Slogan</span>');
	})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_logo_elements');

have you looked to the date of that question ( and solution) ?

Ok – try this in child-theme functions.php:

function my_avf_post_nav_entries( array $entries, array $settings, array $queried_entries ){
  $next = $entries['next'];
  $entries['next'] = $entries['prev'];
  $entries['prev'] = $next;
  return $entries;
}
add_filter( 'avf_post_nav_entries', 'my_avf_post_nav_entries', 10, 3 );

__________
Off-Topic

to have the same category this would be nice to have:

function my_avf_post_nav_settings( array $settings ){
  if( true === $settings['is_hierarchical'] ){
    $settings['skip_output'] = true;
    return $settings;
  } 
  if( ! in_array( $settings['type'], array( 'post', 'portfolio' ) ) ){
    $settings['skip_output'] = false;
    return $settings;
  }
  $settings['same_category'] = true;
  $settings['is_fullwidth'] = false;
  $settings['skip_output'] = false; 
  return $settings;
}
add_filter( 'avf_post_nav_settings', 'my_avf_post_nav_settings', 10, 1 );