Need to position two menu items to the right and have the rest float right

Hi,
Thank you for your patience, to have two split topbar menus we will use the Secondary Menu in the topbar at the left and create a shortcode for a menu in the Header Phone Number/Extra Info in the topbar at the right.
This is the expected result:

To create the shortcode for the menu I adjusted the function in this article, add this code to the end of your child theme functions.php file in Appearance ▸ Editor, or if you are not using a child theme I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets and allows you to export and import your custom code snippets to other sites that you may have or as a backup. If you use WPcode plugin this is a PHP snippet.

function list_menu($atts, $content = null) {
	extract(shortcode_atts(array(  
		'menu'            => '', 
		'container'       => 'nav', 
		'container_class' => 'sub_menu alignright', 
		'container_id'    => '', 
		'menu_class'      => 'menu', 
		'menu_id'         => '',
		'echo'            => true,
		'fallback_cb'     => 'wp_page_menu',
		'before'          => '',
		'after'           => '',
		'link_before'     => '',
		'link_after'      => '',
		'depth'           => 0,
		'walker'          => '',
		'theme_location'  => ''), 
		$atts));
 
 
	return wp_nav_menu( array( 
		'menu'            => $menu, 
		'container'       => $container, 
		'container_class' => $container_class, 
		'container_id'    => $container_id, 
		'menu_class'      => $menu_class, 
		'menu_id'         => $menu_id,
		'echo'            => false,
		'fallback_cb'     => $fallback_cb,
		'before'          => $before,
		'after'           => $after,
		'link_before'     => $link_before,
		'link_after'      => $link_after,
		'depth'           => $depth,
		'walker'          => $walker,
		'theme_location'  => $theme_location));
}
add_shortcode("listmenu", "list_menu");

Then the shortcode will be like this: [listmenu menu=37] to find the menu ID number for your shortcode go to your menus and hover over the “Delete Menu” link and look in the browser link inspector popup:

Then add the shortcode in Enfold Theme Options ▸ Header ▸ Extra Elements ▸ Phone Number or small info text with the option set to show the element on the right:

Now the last step is to remove the two div’s in the phone info topbar div for the menu shortcode, these divs are added for the typical text that is added to the Enfold Theme Options ▸ Header ▸ Extra Elements ▸ Phone Number or small info text field, but we want to remove them for our menu.
Add this code to the end of your child theme functions.php file in Appearance ▸ Editor, or as a PHP snippet in the WPcode plugin:

function remove_phone_info_div_for_topbar_menu_shortcode() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  $('.phone-info.with_nav div').contents().unwrap();
  $('.phone-info.with_nav').contents().unwrap().css({'margin':'0'});
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'remove_phone_info_div_for_topbar_menu_shortcode');

Now the two menus in the topbar will float right and left responsively for desktop and tablet:

for mobile they will stack since there is not enough room:

Please ensure to copy the codes from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
Thanks for the link to your site, the word “Search” is already included, it’s just hidden, please try this css instead of yours:

#top #menu-item-search .avia_hidden_link_text {
	display: inline-block;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Try this css

 #top:not(.logged-in) #menu-item-4002 {
 	display: none;
 }

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike