Resolved Hide header Menu and Customize Mobile Menu

  1. Shopin
  2. Saturday, 30 December 2017
I am using shopin and here's my development website, dev3.ayonaturals.com I want to my menu to be exactly like this https://slaycolors.com/, the menu bar is hidden and also the menu item, then mobile menu is bigger. how will I do that on my template? Thank you. Please help me. @touffiq and @rifat Wahid Alif .
Accepted Answer
Hi there,

Please add this css code. 



@media only screen and (max-width : 320px) {

#offcanvas-toggler {

    float: left;

    line-height: 87px;

    margin-left: 15px;

    font-size: 40px;

    z-index: 100;

    position: relative;

    z-index: 9999;

    margin-top: 100px;

}

}

@media only screen and (max-width : 480px) {

#offcanvas-toggler {

    float: left;

    line-height: 87px;

    margin-left: 15px;

    font-size: 40px;

    z-index: 100;

    position: relative;

    z-index: 9999;

    margin-top: 100px;

}

}


-Thanks
  1. more than a month ago
  2. Shopin
  3. # Permalink
Sorry, the discussion is currently locked. You will not be able to post a reply or a comment at the moment.

Please publish modules in sidebar position.