On my Menu, I have Login and Logout Menu items.
The Login link is an Elementor created Page.
While the Logout is an endpoint supplied by BuddyPress.
I have enabled CSS Classes in my Menu through Screen options.
So the Login link has a CSS Class of [ buddyx-elementor-login ] while the Logout link has a CSS Class of [ bp-menu bp-logout-nav ]
If people Login, I want the Login on the Menu to be hidden– because they are already logged in.
And if they Logout, I want the Logout on the Menu to be hidden– because they are already logged out.
Which PHP Code Snippets or CSS can help me achieve this?
Regards.
