now my final solution is – to upload 3 files to the child-theme includes folder:

/wp-content/themes/enfold-child/
└── includes/
  └── loop-author.php ← PHP Loop (loads the css once)
  └── loop-about-author.php
  └── loop-author.css ← all Styles (Grid + List)

loop-author.php: https://pastebin.com/yaXj5Zfw
loop-about.php: https://pastebin.com/QQ84LGaw
loop-author.css: https://pastebin.com/zTJMtth9

to style the author page now are two entries for child-theme functions.php

// 1. Configure layout and settings
add_filter( 'avf_author_loop_args', function( $atts, $context ) {
    if( $context == 'author' ) {
        $atts['type']              = 'list';               // 'grid' or 'list' Layout
        $atts['columns']           = 4;                    // columns count
        $atts['image_size']        = 'gallery';            //  image-size
        $atts['contents']          = 'excerpt_read_more';  // Content-Type
        $atts['items']             = -1;                   // Posts per page
        $atts['paginate']          = 'no';                // Pagination  on/off  (yes or no)
        $atts['show_modified_date'] = 'yes';               // 'yes' = shows  "Updated: XX"
        $atts['orderby']           = 'date';               // orderby : 'date', 'modified', 'title', 'rand', 'comment_count'
        $atts['order']             = 'DESC';               // order: 'DESC' (newest or Z-A) or 'ASC' (oldest or A-Z)
	$atts['fallback_image']     = get_stylesheet_directory_uri() . '/includes/fallback.jpg';  // an url or  'placeholder'
	$atts['post_types'] 		= array('post', 'portfolio');    	// 	count posts or portfolios or both
    }
    return $atts;
}, 10, 2);

// 2.  IMPORTANT: Customise query for pagination, sorting and post types
add_action( 'pre_get_posts', function( $query ) {
    if( ! is_admin() && $query->is_main_query() && is_author() ) {
        // Get the filtered arguments from above
        $default_args = array(
            'items'      => get_option('posts_per_page', 12),
            'orderby'    => 'date',
            'order'      => 'DESC',
            'post_types' => array('post')
        );
        $atts = apply_filters( 'avf_author_loop_args', $default_args, 'author' );
        
        // Set Query-Parameters
        $query->set( 'posts_per_page', $atts['items'] );
        $query->set( 'orderby', $atts['orderby'] );
        $query->set( 'order', $atts['order'] );
        
        // Set post types - IMPORTANT: even if there is only one type
        if( ! empty( $atts['post_types'] ) && is_array( $atts['post_types'] ) ) {
            // WordPress requires 'any' or an array with multiple types
            if( count( $atts['post_types'] ) == 1 ) {
                $query->set( 'post_type', $atts['post_types'][0] );
            } else {
                $query->set( 'post_type', $atts['post_types'] );
            }
        }
    }
}, 999 );

see result page : https://basis.webers-testseite.de/author/guenni007/
Unfortunately, no translation for But we are proud to say that %s contributed %s entries already. has been added to the (at least German) lang files yet. That is why it is in English on my example page.

i tested all 3 blog styles – it works on all of them.

PS – You can see that this method works well – but if you feel anxious about trying it out, please ask a mod to implement it for you.

Edit : see solution on: https://kriesi.at/support/topic/how-to-customize-the-author-page/#post-1491667

I may not have solved it elegantly, but the pagination now works as it should.

Edit : see solution on: https://kriesi.at/support/topic/how-to-customize-the-author-page/#post-1491667

sadly the filter avf_post_slider_args is not implemented in the author archive.
It is ruled by author.php and loop-author.php.

So we have to built a custom loop-author.php.

Edit: see solution …

the column count inside that snippet is added as custom-class – so we can react on it by css setting.

before you change anything – make a backup of the status quo of your page ( a good plugin even in free version is : duplicator

Especially if it is a major update (5.x to 6.x; …), I would advise everyone to follow this way. You always have a rollback in the background.

The advantage of this procedure is that it can be undone.
Uploading the new theme takes a little time; if all goes well, the site will only be offline for a short time (just for the moment of renaming).
Update via ftp

• Download the “installable WordPress file only” file from themeforest (envato)   and unzip it
• After that – you got a folder : enfold
• Rename this downloaded newest version to enfold-new
• via ftp: Upload that enfold-new folder to the themes folder
• via ftp: Rename the existing enfold folder to f.e. enfold-old
• via ftp: Rename your uploaded enfold-new folder now to enfold
• On Enfold – Performance – check mark and “Delete Old CSS And JS Files?”
• Check if your Website works to your full satisfaction.
• Yes – then stop here – Update is finished
• After a while of testing – you can delete that enfold-old folder via ftp

• No – delete or rename back the enfold folder back to enfold-new
• rename the enfold-old folder back to enfold
• check on enfold board if there are known bugs – or similar problems

Ismael’s suggestions work, of course, but they no longer have anything to do with Instagram’s corporate design.

Link: https://www.meta.com/brand/resources/instagram/instagram-brand/

But if you’re not too particular about the colors, you can also use the codes above.

to have the title you only have to make it visible by:

#top .av-burger-menu-main .avia_hidden_link_text {
  display: inline;
  font-size: 20px;
  line-height: 0;
  color: var(--enfold-header-color-meta);
  margin-left: 5px !important;
  position: relative;
  top: 2px; /*=== just to center horizontally - adjust to your needs ===*/
}

but for your header layout “Hamburger menu icon left, logo centered, search icon right” i would start from a different header layout – not the header centered – menü below .

btw. some topics under yours there is the same title of the topic “Hamburger menu icon left, logo centered, search icon right”

so because – the original insta logo is to complex to insert it as svg file to the social media icons.
I would place the normal instagram icon via font-icon !
and replace that by css .

maybe you upload two versions of that logo:

and for hover style:

then to quick css:

#top #wrap_all .av-social-link-instagram a:focus, 
#top #wrap_all .av-social-link-instagram:hover a {
  color: unset;
  background-color: unset;
}

.social_bookmarks_instagram a {
  font-size:0 !important
}

.social_bookmarks_instagram a:before {
  content:"";
  background-image:url(/wp-content/uploads/Instagram_Glyph_Gradient.png);
  background-size:contain;
  display:inline-block;
  width:inherit;
  height:inherit;
  border-radius: 10px;
  background-position:center center;
}

.social_bookmarks_instagram:hover a:before {
  background-image:url(/wp-content/uploads/Instagram_Glyph_Gradient_invers.png);
  border-radius: 10px
}

see (the first in the row) https://basis.webers-testseite.de/
the second icon on the right is the svg icon (with its trouble to use the mask (or clipPath)

Guess you had to know the exact post-type of your CPT
f.e. tribe_events or event etc. pp.

then you can register this post-type for the advanced layout builder:

function avf_alb_supported_post_types_mod( array $supported_post_types ) {
  $supported_post_types[] = 'tribe_events';
  return $supported_post_types;
}
add_filter('avf_alb_supported_post_types', 'avf_alb_supported_post_types_mod', 10, 1);

can you try that first.

maybe this is an option too:

function enable_boxes_on_elements($boxes) {
$boxes[] = array( 'title' =>__('Avia Layout Builder','avia_framework' ), 'id'=>'avia_builder', 'page'=>array('page', 'post', 'portfolio', 'alb_custom_layout'), 'context'=>'normal', 'expandable'=>true );
$boxes[] = array( 'title' =>__('Layout','avia_framework' ), 'id'=>'layout', 'page'=>array('page', 'post', 'portfolio', 'alb_custom_layout'), 'context'=>'side', 'priority'=>'low');
    return $boxes;
}
add_filter('avf_builder_boxes','enable_boxes_on_elements');

change the alb_custom_layout to your post-type you like to add.

Some thoughts for DEV in private Content.
The most perfect method would certainly be to upload the original SVG offered by Instagram (Meta) to the media library. However, this is not possible due to its size. I have recalculated it to normal sizes for such icons. So now it is only 20 KB in size, instead of 11 MB. Unfortunately, the graphic implementation of the original is complex.
see here my svg file:

ismaels filter (ava_inside_main_menu) is a brilliant idea.

maybe it is easier to use if we insert a social bookmarks shortcode:
then we can use all those benefits of enfold options dialogs – and hover styling etc.

function social_bookmarks_shortcode_inside_main_menu() {
  $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
  $social = avia_social_media_icons($social_args, false);
  return $social;
}
add_shortcode('social-bookmarks', 'social_bookmarks_shortcode_inside_main_menu');

add_action( 'ava_inside_main_menu', function() {
    echo do_shortcode('[social-bookmarks]');
});

Quick css for your setting (left burger – logo – socials )

#top div .logo {
  z-index: 101 !important;
}

#top .main_menu, 
#top .avia-menu {
  width: 100%;
}

#avia-menu #menu-item-search {
  position: absolute;
  right: 0;
  left: auto;
}

#top #wrap_all .av-hamburger-inner {
  display:block;
  top: 0;
  margin-top: 4px;
}

.html_header_top #top #wrap_all .av_logo_right #header_main .logo {
  position: relative;
  left: 50%;
  right: auto;
  margin-left: unset;
  margin-right: unset;
  transform: translateX(-50%);
  width: auto;
}

.responsive #top #wrap_all  .main_menu {
  width: 100%;
  display: flex !important;
  flex-flow: row nowrap;
  justify-content: space-between;
  height: inherit;
}

#top #wrap_all .menu-item-avia-special {
  display: block ;
}

.responsive #top #wrap_all #header .main_menu ul.social_bookmarks {
    display: flex;
}

#top #wrap_all .main_menu ul.social_bookmarks li a {
  height: 30px;
}

#top .main_menu .social_bookmarks li {
  width:40px;
  margin-left:5px
}

#top .main_menu .social_bookmarks li.avia-svg-icon img[is-svg-img="true"],
#top .main_menu .social_bookmarks li.avia-svg-icon svg:first-child {
  height:1.1em;
  width: auto;
  margin-top: 4px !important;
}

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .container {
    width: 95%;
    max-width: 95%;
  }
  .html_header_top #top #wrap_all .av_logo_right #header_main .logo {
    max-width: 200px;
    transform: translateX(-57%);  /* === an individual correction - depends on how many social icons are present=== */
  }
}

see : https://elementar.webers-webdesign.de/

PS: for more than 3 social bookmarks it gets complicated on small mobile screens. So maybe in this case we set them to display none – or switch in this case to header meta solution

PPS: i tried first that option to show social icons via Header – Extra Elements – Header Social Icons : “display in main header area”
but this was to complicated to find the right css positioning options – especially on shrinking headers.

the link comes from enfold itself. You do not need to insert on title input field links.

because of “Lösungen” now in german

ich sehe deine Seite nicht (als Participant ) aber versuch mal stattdessen:

#top #wrap_all .avia_mega_div {
    background-color: rgba(255,255,255,0.2);
    backdrop-filter: blur(6px)
}

#top #wrap_all #header .avia_mega_div ul, 
#top #wrap_all #header .avia_mega_div ul * {
    background: transparent ;
    color: #000; /**** das war nur um es an meiner Testumgebung umzusetzen ***/
}

die hover styles der menu-punkte bleiben bestehen – was für das navigieren eventuell hilfreich ist.
jedenfalls war es auf meiner Seite so.

well you can insert them by css – just counting the menu-items:
f.e.:
on the left:

#av-custom-submenu-1 .menu-item:nth-child(3) a .avia-menu-text:before {
  content: "\e82b";
  font-family: entypo-fontello;
  display:  inline-block;
  position: relative;
  color: inherit;
  margin-right: 10px
}

on the right:

#av-custom-submenu-1 .menu-item:nth-child(2) a .avia-menu-text:after {
  content: "\e82b";
  font-family: entypo-fontello;
  display:  inline-block;
  position: relative;
  color: inherit;
  margin-left: 10px;
}

in combination with the page id or a custom ID or class on the element is then unique for only that sub-menu

you can see that if there are more than 1 post inside a category – it works:
https://kunst-en-verhalen.rhijnhof.nl/pieta/

what makes me wonder is that on your posts with category: oorlogsslachtoffers (only 1) – there should be no post-navigation. ( Do you have in the page title that p-tag ?)
so maybe Ismael could help you with this inside your installation

PS : the setting on Enfold > Blog Layout > Single Post Navigation setting is not important if you use the filter from : above

With the help of this filter, you can even handle post-types differently.