PS : If these products are assigned to a category that has the members-only function, then the code will of course also work with category exclusion.
just see the comments on the snippets with product_tag versus product_cat

for ajax search it might be neccessary to have:

// ENFOLD AJAX-SEARCH: exclude members-only slug
add_filter('avf_ajax_search_query', 'exclude_member_products_from_enfold_ajax', 10, 1);
function exclude_member_products_from_enfold_ajax($search_parameters) {
    // Only for users who are not logged in
    if (!is_user_logged_in()) {
        // Parse parameters
        parse_str($search_parameters, $params);
        
        // Add Tax Query
        $params['tax_query'] = array(
            array(
                'taxonomy' => 'product_tag',  // or 'product_cat'
                'field'    => 'slug',
                'terms'    => array('members-only', 'premium'),
                'operator' => 'NOT IN'
            )
        );     
        // Convert back to string
        $search_parameters = http_build_query($params);
    }
    return $search_parameters;
}

Unfortunately, I can’t test it myself, as I’m not currently managing any shop websites.

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”

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.

@Ive133:

I plan to reuse elements from multiple demos to build a custom layout.

in this case – maybe my method of getting the enfold shortcodes from pages by downloading the xml files of the demo.
You find the demos here on :
https://github.com/KriesiMedia/enfold-library/tree/master/demos

Download the concerning zip file of the demo and extract the xml file.
Open it in a good text editor (f.e. on Mac sublime text – on windows pc’s use notepad++)

now you can search for “isPermaLink” (without the quotes) in that xml
or if you look for a page look for “page_id”
or for portfolio: “post_type=portfolio”

Just above, you can see the title of the page and the link

Or even more specifically, search for the title of the desired layout you want to transfer, e.g.,
<title>Home</title>

The Enfold shortcodes can be found directly below that reference wrapped by:

<content:encoded><![CDATA[ 
        … here is the avia shortcode inside
]]></content:encoded>

Pay attention to CDATA – there are two opening square brackets and two closing brackets below.
The third closing bracket at the end usually belongs to the Enfold shortcodes.

Of course, this only provides you with the layout framework, including all element settings, but the links and images must then be edited.