here is the method mentioned above :

register a new social_bookmark via functions.php of your child theme
here i take the lock but find a different icon on enfold

function avia_add_custom_icon($icons) {
    $icons['register']  = array( 'font' =>'entypo-fontello', 'icon' => 'ue825');
    return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

function avia_add_custom_social_icon($icons) {
    $icons['Register'] = 'register';
    return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

goto your Enfold options and add that newly added “social media” (it is at the end of the list) and insert your desired link

this turns the social_media to the left of hamburger menu – put it in functions.php of your child theme too

function change_menu_position() { 
?>
<script>
(function($){
	$('.main_menu ul.social_bookmarks').insertBefore($('.main_menu div.avia-menu'));
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'change_menu_position');

now style your newly social media button!:

/*** this is for the new button not to have same behavior as social_bookmarks buttons ***/
.social_bookmarks_register.av-social-link-register {
    margin: 0 15px;
    width: auto !important;
    padding: 0 15px !important;
    background-color: #42ab96 !important;
}

#top .social_bookmarks li.social_bookmarks_register a {
    width: auto !important;
    color: #fff;
}

.social_bookmarks_register .avia_hidden_link_text {
    display: inline !important;
    padding-left: 10px;
    text-decoration : none !important
}

#top #wrap_all .av-social-link-register:hover  {
    color: #fff;
    background-color: #BD5469 !important;
}

/*** rules for the left-hand social_bookmarks buttons ***/
#top nav .social_bookmarks { margin-top: -20px !important; overflow: visible !important; height: 40px !important }
.avia-menu.av_menu_icon_beside { padding-right: 0; margin-right: 0; border-right-width: 0; border-right-style: none }
.social_bookmarks li a { height: 40px !important; line-height: 40px !important; width: 40px !important }
#top .social_bookmarks li { width: 40px; height: auto !important }
#top .av-logo-container .social_bookmarks li a {  border-radius: 50% }
.av_header_transparency .social_bookmarks li a { color: #969696 !important;}

I think this will be the better and better understanding way:
Result – same as above: https://webers-testseite.de/cynthia/

the most easiest way would be to register a new social media button for example with a lock and have the rounded buttons as if it was a social media link – on hovering you can see the tooltip : registering.
i do this often for links like intranet link or login links.
this could be handeled than like on my link above – because than it is part of social-media list.

See here Result ( i do not change to see only burger-menu – so have a look at smaller screensizes )
https://webers-testseite.de/cynthia/

if you like to insert for example a whole avia button shortcode – that is possible too.

add_action('ava_inside_main_menu', function() {
  echo '<li class="registerbutton">';
  echo do_shortcode("[av_button label='Register now' link='manually,#' link_target='' size='large' position='left' label_display='' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue875' font='entypo-fontello' color='custom' custom_bg='#42ab96' custom_font='#ffffff' av_uid='av-b9l' custom_class='' admin_preview_bg='']");
  echo '</li>';
});

function change_menu_position() { 
?>
<script>
(function($){
	$('.main_menu ul.social_bookmarks').insertBefore($('.main_menu div.avia-menu'));
	$('li.registerbutton').appendTo('.main_menu > .social_bookmarks');
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'change_menu_position');

the code can be obtained by activation of the debug mode on enfold for above rules
– echo do_shortcode(" into this comes the full shortcode of your avia button ");

this comes to quick css:

/*** this is for the new button not to have same behavior as social_bookmarks buttons ***/
.registerbutton { width: auto !important }
.registerbutton .avia_button_icon { display: inline-table }
.social_bookmarks li.registerbutton a { border-radius: 0 !important; padding: 0 10px !important; width: auto !important; background: #42ab96; color: #fff }

/*** rules for the left-hand social_bookmarks buttons ***/
#top nav .social_bookmarks { margin-top: -20px !important; overflow: visible !important; height: 40px !important }
.avia-menu.av_menu_icon_beside { padding-right: 0; margin-right: 0; border-right-width: 0; border-right-style: none }
.social_bookmarks li a { height: 40px !important; line-height: 40px !important; width: 40px !important }
#top .social_bookmarks li { width: 40px; height: auto !important }
#top .av-logo-container .social_bookmarks li a {  border-radius: 50% }
.av_header_transparency .social_bookmarks li a { color: #969696 !important;}

Mike,

Thank you for your quick reply. I understand that Avia is part of the theme. I’ve noticed that there are content items with the “av-” prefix on them. I assume those are from Avia. If I hide the button and consequently don’t use the Advanced Layout Builder, will I still have those items in my pages and posts?

Thank you for your response. I do very much like the Enfold theme.

Hi,

Enfold doesn’t come with the WPBakery page builder. We created our own page builder (called Avia Layout Builder) which is not compatible with WPBakery. If you want to embed a layerslider with our Avia Layout Builder go to the editor page, click on “Advanced Layout Editor”, then select the “Media Elements” tab and click on the “Advanced Layerslider” button to select a Layerslider.

Best regards,
Dude

Hi Enfold team,
can I highlight just the “Contact”-Button in the main menu in another color?

Best regards

If you have no concerns about GDPR, you can enqueue the styles of Fontawesome via CDN.
So you can use it manual – but problem would be that these sources need the newest jQuery – not that common one that Enfold uses !
You can do it via functions.php of your child-theme:

add_action( 'wp_enqueue_scripts', 'enqueue_awesome' );
function enqueue_awesome() {
  wp_enqueue_style( 'prefix-font-awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', array(), '4.7.0' );
}

So my Advice is to use fontello fontawesome – import that to Enfold and use it with Enfold buttons.
To style the buttons a bit more you can do that: https://webers-testseite.de/buttons/

these are Enfold Buttons Alb with light-transparent layout and a bit of css