How do I make a menu item display only to logged in users?

How do I make menu items visible only to Logged In Users if there is no option for that under Appearance > Menu?


  • Tyler Postle
    • CGO

    Hey Gwen!

    Hope you’re day is going well :slight_smile:

    We can do this with some CSS.

    I have just added the CSS so your “small****” site, so the menu items are only viewable to logged in users.

    Here is the code that I placed there:

    /* hide menu items for logged out visitors */

    #menu-item-14369, #menu-item-14366, #menu-item-14368, #menu-item-14367 {
    display: none;

    .logged-in #menu-item-14369, .logged-in #menu-item-14366, .logged-in #menu-item-14368, .logged-in #menu-item-14367 {
    display: block;

    It is at the very bottom of your Appearance > Edit CSS sheet.

    Hopefully that is the right site, if it’s not then we will likely have to adjust the menu item ID numbers and place it in that sites custom stylesheet :slight_smile:

    Check it out and let me know if that does the trick for you!

    All the best,


    PS. I haven’t forgot about our other www issue we’re emailing about. I will be getting back to that soon :slight_smile:

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.