Removing hamburger menu

hello there.i want to remove hamburger menu on desktop view and keep it on mobile view only.i need the menu item to be shown on the top in desktop.how can i achieve that?

If it is one of the HivePress themes Themes | HivePress then it should work by default in this way. The hamburger menu is not visible on the desktop by default. Please make sure that there are no third-party customizations on your website

I don’t think that there is third party customization.can you please help me with some php code snippet or something else to remove hamburger and to restore the primary menu at top?thank you

For example, there are default CSS properties for the hamburger menu in the ListingHive theme. It is possible to put it in the Appearance/Customize/Additional CSS
Also, I have added the !important rule in each CSS property to give this code snippet higher priority if you try to put it on your website

.header-navbar__burger > a{
	display: none !important;
}

@media only screen and (max-width: 74.99em) {
	.header-navbar__burger > a{
		display: block !important;
	}
}

.header-navbar__menu{
	display: flex !important;
}

@media only screen and (max-width: 74.99em) {
	.header-navbar__menu{
		display: none !important;
	}
}
1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.