Changing menu item LOGIN to LOGOUT

PenciDesign replied

6 years ago

Staff Reply

Hi,

You can create 2 menu items: One menu item is "REGISTER/LOGIN" and one menu item is "LOGOUT".

The menu item "LOGOUT" will make it hide when user is not logged in - do like the way I said before.

To get URL for menu item "LOGOUT" - please check this guide

And to hide menu "REGISTER/LOGIN" when users is logged in, please do following steps:

a) Add more extra classes show_loggedin to menu item "REGISTER/LOGIN" - It's menu item you want to hide for users logged in - Like I said before in previous ticket from you.

b) Add more this code to Customize > Custom CSS:

body.logged-in #navigation ul.menu li.show_loggedin, body.logged-in ul.penci-topbar-menu li.show_loggedin, body.logged-in .footer-menu li.show_loggedin{ display: none !important; }

Best Regards,

PenciDesign

Hakeem Ismail started the conversation

6 years ago

Conversation Start

Thanks for your support, Your suggestion worked as expected. Now, How do I change the menu Item REGISTER/LOGIN to LOGOUT after a user has successfully logged in. The menu Item is still showing REGISTER/LOGIN after a user has logged in successfully.

Thanks