hide b utton not working in mobile view

hi. I just hidden a nav button if user is not logged in using css: #menu-logged-in-1{
display:none;
}
.logged-in #menu-logged-in-1 {
display:inline-block
}

This works well on desktop, however, the button still shows up on mobile for non-logged-in users. Any idea why? The button is placed in the header as a menu. I have created a menu with only one nav label, especially for hiding it from non-logged-in users.
Also, if you have a better idea on hiding it would be great
thanks

Hello,

Can you please share some screenshots of the issue for better understanding where you are using the button, Also share the wp logins details of your site i will check and give you a possible solution.

Best Regards.

[Author]

Posts