My solution: Login/Logout/Register button in mobile menu

Hey,
the top menu is deactivated in mobile view because it looks better without. But then there is no Login/Logout/Register button for users. So I changed the menu-mobile.php to this:
I think this isn’t the best solution but it works fine. When user is logged in there is a logout button and when user isn’t logged in there is a login/register button in mobile menu.

Hope it will help you.

<?php
 
/*  ----------------------------------------------------------------------------
    This is the mobile off canvas menu
 */
 
?>
<div id="td-mobile-nav">
    <!-- mobile menu close -->
    <div class="td-mobile-close">
        <a href="#"><?php _etd('CLOSE', TD_THEME_NAME); ?></a>
        <div class="td-nav-triangle"></div>
    </div>
 
    <div class="td-mobile-content">
        <?php
        wp_nav_menu(array(
            'theme_location' => 'header-menu',
            'menu_class'=> '',
            'fallback_cb' => 'td_wp_no_mobile_menu'
        ));
 
        //if no menu
        function td_wp_no_mobile_menu() {
            //this is the default menu
            echo '<ul class="">';
            echo '<li class="menu-item-first"><a href="' . esc_url(home_url( '/' )) . 'wp-admin/nav-menus.php">Click here - to use the wp menu builder</a></li>';
            echo '</ul>';
        }
 
        ?>
 
        <ul>
        <?php
          if ( is_user_logged_in() ) {
              echo '<li class="menu-item"><a href="' . wp_logout_url(home_url( '/' )) . '"> LOGOUT</a></li>';
          } else {
              echo '<li><a href="#login-form">LOGIN/REGISTER</a></li>';
          }
        ?>
        </ul>
 
    </div>
</div>

• This topic was modified 10 years by Yannik97.
• This topic was modified 10 years by Yannik97.
• This topic was modified 10 years by Yannik97.

Yes, I like this.