show mobile navigation with a hamburger button for all screen sizes

Hi
I have asked the same question brfore for basel theme but the css code you dent didn’t work with woodmart theme .
please to help with the correct code.

Hi,

Try to use this code snippet

.header-mobile-center .wrapp-header .header-left-side,
.header-mobile-center .mobile-nav-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.header-mobile-center .wrapp-header  .right-column,
.header-mobile-center .wrapp-header .header-left-side{
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0px;
	flex: 1 0 0;
}

body .mobile-nav {
	display: block;
}

Regards

thanks . that was helpfull after adding
.wrapp-header > .main-nav {
display: NONE;
}
to hide the old header.

OK, we are glad that you solved this too.

Regards

[Author]

Posts