Hide menu elements in menu bar

Hello, my web site its https://rossjoven.com

I have created this css class to hide elements in the navigation menu for users not logged in.

#nav li.menu-log {
    display: none;
} 
  
body.logged-in #nav li.menu-log {
    display: list-item;
}

And then I have added the class menu-log, to the elements that I want to be hidden, but something is not working :frowning:

Items to be hidden in menu nav:

  • Área privada (page-id-688)
  • <i class="fas fa-user-lock"></i>

Thanks in advance. Best regards!

Hello there,

Try this CSS code and let me know how it works to you.

    .mainnav .menu-log {
      display: none !important;
    }

Regards,
Kharis
aThemes Support

Hello Kharis, thanks for your reply.

I have added this (.logged-in) to your code and it works! I share the solution in case it works for someone.

.logged-in .mainnav .log-no {
      display: none !important;
    }
  
body:not(.logged-in) .mainnav .log-si {
      display: none !important;
    }

Thanks again.
Regards.

Great! Thank you for sharing it. I really appreciate it.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support