Show menu only to logged-in users.

I have the exact opposite problem, I can only seem to see the menu when I am logged in. How do I make it visible to everyone regardless of being logged in?

Hi Jean Goodwyn,

Yes you can easily get it done by using this simple css.

@media only screen and (max-width: 714px){
body div#wprmenu_bar {
  display:none !important;
}
body.logged-in div#wprmenu_bar {
  display:block !important;
}
}

Make sure to replace 714px with your value below which you want to display the menu.

Let me know if it works for you.

Hi rajnivekaria,

It seems like a weird problem. Can you may be share your website url ?

Thanks Nirmal.

This works to conceal the menu, but it leaves a 42px blank space at the top of the page. It is applied by adding 42px padding to the top of the html tag.

Since the ‘logged in’ class isn’t applied until you reach the body tag, there doesn’t seem to be a way to fix this that isn’t very messy. Any suggestions?

Addendum:

This gives the proper appearance, for the moment – but for obvious reasons, it’s less than ideal.

body {
  margin-top:-42px !important;
}
body div#wprmenu_bar {
  display:none !important;
}
body.logged-in{
  margin-top:0px !important;
}
body.logged-in div#wprmenu_bar {
  display:block !important;
  top:0px !important;
}

Hi Nirmal,

It seems it was just a delay in updating the website, it is working fine now. Not entirely sure why it wasn’t an instantaneous update though!

Thanks,

Rajni