Hide Dropdown menu

You can create 2 divs for the menu including the same menu

for example u can create one div has calss “logged-users-div” including menu.
and copy it with a class “not-logged-users-div” or any other classes for both

then we can do the following >

in your template page.

<?php
if ( is_user_logged_in() ) { ?>
	<div class="logged-users-div">
<ul>
<li>element</li>
<li>element</li>
<li>element
<ul class="submenu">
<li>child element</li>
<li>child element</li>
<li>child element</li>
<li>child element</li>
</ul>
</li>
</ul>

</div>

<?php } else { ?>

	<div class="not-logged-users-div">
<ul>
<li>element</li>
<li>element</li>
<li>element
<ul class="submenu">
<li>child element</li>
<li>child element</li>
<li>child element</li>
<li>child element</li>
</ul>
</li>
</ul>

</div>

<?php } ?>

and in your css , you can do this

.not-logged-users-div .submenu{
display:none;
}

or in custom window width

@media(max-width: 480px){
.not-logged-users-div .submenu{
display:none;
}
}

Here’s another option:

1. In your child theme create a new file like “my-styles.css”

2. Add this css to that file:

#nav-header .nav-toggle {
  display: none !important;
}

3. Add this function to your child theme functions.php file:

add_action( 'wp_enqueue_scripts', 'enqueue_my_styles');
function enqueue_my_styles() {
  if ( !is_user_logged_in() ) {
    wp_enqueue_style( 'my-style', get_stylesheet_directory_uri().'/my-styles.css' );
  }
}

I’m set with this now. Thank you guys!