Adding a section in line at the end of the main navigation menu in php

Question

I'm working on a wordpress site where I'm trying to get the "Members" login/logout link & widget area inserted into the actual end of my front-end-nav-menu instead of after, as it's currently positioned. The reason for this is when a user visits the website on a smaller screen the "Members" link and facebook icon (that I've placed in the widget area) stays to the far left under the nav menu instead of staying in line with the nav menu links.

My code on the header.php files is here:

<div class="front-end-nav-menu primary-nav">
                    <?php wp_nav_menu( array('menu' => 'Front End Menu') ); ?>

                    <div id="menu-items">
                        <div id="login-logout-header-button">
                            <?php if ( ! is_user_logged_in() ) { ?>
                                    <a href="<?php echo wp_login_url( wp_guess_url() ); ?>" class="logged-button"><?php _e( 'Members', APP_TD ); ?></a>

                            <?php } else { ?>
                                    <a href="<?php echo wp_logout_url( wp_guess_url() ); ?>" class="logged-button"><?php _e( 'Logout', APP_TD ); ?></a>

                            <?php } ?>
                        </div><!-- /login-logout-header-button -->

                        <div id="facebook-desktop">
                            <?php if ( ! dynamic_sidebar( 'facebook' ) ) : ?>
                            <?php endif; ?>
                        </div>

                    </div><!-- /menu-items -->
                </div><!-- /front-end-nav-menu primary-nav -->

Is there a way to have this #menu-items section in a function an the add the function into the nav bar?

Answer 1

https://developer.wordpress.org/reference/hooks/wp_nav_menu_menu-slug_items/

function my_nav_menu_primary_navigation($items, $args) { 
  $items .= '<li>Hello :D</li>'; 
  return $items; 
}

add_filter( "wp_nav_menu_{MENU SLUG}_items", "my_nav_menu_primary_navigation", 10, 2 );

find {MENU SLUG}

EDIT:

The "wp_nav_menu_menu-slug_item" filter runs at the end near the end of wp_nav_menu, $ items is a string containing the HTML extructura the menu and $ args are the arguments that you passed to the function "wp_nav_menu".

The only thing that you have to look out for or seek to use this is what the "{MENU SLUG}" on your menu.

This is a translation of google, do not write in English: D

---

In Spanish:

El filtro "wp_nav_menu_menu-slug_item" se ejecuta al final casi al final de wp_nav_menu, $items es un string que contiene la extructura de HTML del menu y $args son los argumentos que le pasaste a la funcion "wp_nav_menu".

Lo unico que que tenes que fijarte o buscar para poder usar esto es cual es el "{MENU SLUG}" de tu menu.