Home › Forums › WoodMart support forum › show mobile navigation with a hamburger button for all screen sizes

show mobile navigation with a hamburger button for all screen sizes

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 30, 2017 at 1:32 am #18411

    sitevar
    Participant

    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.

    August 30, 2017 at 7:01 am #18421

    Artem Temos
    Keymaster

    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

    August 30, 2017 at 4:39 pm #18495

    sitevar
    Participant

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

    August 30, 2017 at 4:54 pm #18497

    Artem Temos
    Keymaster

    OK, we are glad that you solved this too.

    Regards

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)