Hamburger menu on all devices

[daddysnack]

Hi guys i am responding to the thread found here https://theme.co/apex/forums/topic/always-have-burger-menu-on-all-screen-sizes-with-fixed-top-header/

This works well on my website however when i click the menu the menu items do not show, please see my dev website at: http://d05.8f3.myftpupload.com/

Any ideas?

many thanks

[daddysnack]

This is the code i used:

a.x-btn-navbar {
display: block;
float: right;
}

nav.x-nav-wrap.desktop {
display: none;
}

.x-nav-wrap.mobile.collapse.in {
display: block;
}

@media (min-width: 668px){
.x-navbar.x-navbar-fixed-top {
position: fixed !important;
}

[nabeel]

Hi there,

Thanks for writing in! Please add the following CSS code in the Theme Options > CSS:

@media screen and (max-width: 1800px) {
  a.x-btn-navbar {
    display: block;
    float: right;
  }

  nav.x-nav-wrap.desktop {
    display: none;
  }
  .x-nav-wrap.mobile:not(.x-collapsed) {
    display: block !important;
  }
}

Cheers!

[daddysnack]

You guys are the best, worked a treat.

Top theme and even better support!

[nabeel]

Glad we could help and thank you for your nice words!

Cheers!