WooCommerce Themes Global - Documentation

Add top menu with user menu

  1. From WordPress Admin, click on Appearance -> Menus

    global click appearance menu

  2. Click on create a new menu

    global click create menu


  3. Enter menu name Top Menu (you can use any name) and click on Create Menu button

    global create top menu

  4. Select the menu you just created

    global select top menu

  5. Create necessary menu items

    global top menu with account menu

  6. Click on Screen Options from top right corner

    login menu screen options


  7. Check on CSS Classes

    login menu css classes

  8. Expand the My Account menu and under the CSS Classes (optional) add CSS Classes if necessary
  9. Expand the Login menu and under the CSS Classes (optional) add wt-open-login
  10. Expand the Logout menu and under the CSS Classes (optional) add hide-for-guest
  11. If you want to hide some menu items to guest (not logged in) user, follow Hide some menu items for guest users
  12. If you need to hide some menu items to logged in users (show guest users only), add CSS Class to the menu item: show-for-guest
  13. Click on Save Menu