Custom CSS for removing Menu

Instead of hiding the menu with CSS, have you tried simply removing the menu by going to Dashboard > Appearance > Menus > Manage Locations? If that doesn’t work, though, try this CSS in a custom CSS plugin or your theme’s built-in custom CSS option:

.button-menu-mobile,
#navigation .menu {
	display: none !important;
}

Thanks a lot for such a fast response but after adding custom css option provided by you content of menu is gone but menu bar is coming which i don’t want

You could hide the entire navigation bar (including the search bar) with this CSS instead:

#navigation {
  display: none;
}

Thanks

Menu bar is no more there after using this code but the space which was occupied by menu is still there above slider..
can we remove the occupied space as the main purpose of doing this was to start my slider to the place menu was there.

Sorry, that was a copy-and-paste error on my part. Try this instead:

#navigation-sticky-wrapper {
  display: none;
}

thanks a lot
working perfectly