How to Attached Login/Redister form to TOP MENU or MAIN MENU, HOW TO HIDE SOME MAIN MENU ITEMS

PenciDesign replied

6 years ago

Staff Reply

Hi,

1/ You can do that by create Register/Login page by use Elementor - use elements "Penci Login/Register" element from Elementor. After that, add more this page to your topbar menu or main menu.

2/ To hide menu items for users aren't logged in, please try do following steps:

a) Add more extra classes hide_loggedin to menu items you want to hide. Check this image.

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

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

Best Regards,

PenciDesign

Hakeem Ismail started the conversation

6 years ago

Conversation Start

I need to know how to attack Register/Login form to the TOP MENU or main menu. I also like to know how to hide some main menu items to users who are NOT logged in. Working on my local computer as localhost so It is not possible to share a link.

Thanks