Adding a Login link in the top menu which takes the user to WP Login screen

Step 1 : Hide default login menu for Logged Out members.

Since we need the login menu for logged in members, we’ll only hide it for logged out users.

Simply add this CSS in theme customiser :

#headertop .topmenu:first-child {
  display: none;
}
.logged-in #headertop .topmenu:first-child {
  display: block;
}

STEP 2 : Add a menu link in the top menu

Go to WP Admin -> Appearance -> Menus

Add the login link from the BuddyPress menu tab.

Video:

STEP 3: Hide Login from Logged in Users

a. Go to WP admin – LMS – settings – Enable Student Menus

b. Go to WP Admin – Apperance – Menus

c. You’ll see more menu locations for students (like Student Top Menu, Student Main Menu ) and you’ll now need to connect menus for locations.

d. Connect the same menus in the locations, except for the Top menu location.

e. Create a new menu without the login link and connect it to “Student top menu ” location