Join our new community forum for support & discussion

Join Now

Home Support Themes ExpertHive Conditional menu – How to hide menu items from unlogged users?

Conditional menu – How to hide menu items from unlogged users?

  • Author
    Posts
  • Wojtek

    Is it possible to do it without a third party plugin? Any ideas?
    Thank you for your help in advance.
    Best.

    yevhen developer

    Yes, it is possible. For example this CSS snippet hide header menu for unlogged users. But please note that it may require further customisation

    .header-navbar__menu, .header-navbar__burger{
    	display: none;
    }
    
    @media only screen and (max-width: 74.99em){
    	.logged-in .header-navbar__burger{
    		display: block;
    	}
    	.logged-in .header-navbar__menu{
    		display: none;
    	}
    }
    
    @media only screen and (min-width: 74.99em){
    	.header-navbar__burger{
    		display: none;
    	}
    	.logged-in .header-navbar__menu{
    		display: flex;
    	}
    }
    Wojtek

    This is great. Thank you very much for your help.

Viewing 3 posts - 1 through 3 (of 3 total)

New Reply

This forum has been archived and is no longer accepting new posts or replies. Please join our new community forum for support & discussion.