At first create a new menu and choose Top bar (Not login) Menu as shown in the screenshots above. Then create a Custom Links menu like the following screenshot:

 

After that from the top right corner click on the ‘Screen Options’ and then give tick mark on ‘CSS Classes’ and ‘Description’. See below screenshot:

 

Then, you will see the ‘CSS classes’ field and the ‘Description’ field under the custom link menu you just created. Put ‘login-comments’ in the ‘CSS classes’ field and ‘fa-lock’ (or any other font-awesome icon) in the ‘Description’ field. Your Login menu is created and it will work as like the demo. If you forget to put ‘login-comments’ in the ‘CSS classes’ field, the Login menu will be created, but it will not work (Login Form will not come). And, for Signup menu link, you need to put ‘signup’ in the ‘CSS classes’ field and ‘fa-user-plus’ (or any other font-awesome icon) in the ‘Description’ field.

About The Author