Docs

[armintz]

my navigation menu jumps down below my logo when the window is sized around the 980px – 1016px width.

how can i tell the theme to kick in the hamburger menu for this break?

i’ve tried this css below (and it comes close by removing the regular/full size nav menu at this breakpoint) but it isn’t quite there as the hamburger menu still isn’t kicking in till the window is below 980px.

@media (max-width: 1017px){
    .x-nav-wrap.desktop {
        display: none;
    }
}

site: http://tinyurl.com/jc594ms

any ideas? thank you

[Lely]

Hi There,

Please try the following CSS:

@media (max-width: 1017px) {
    a.x-btn-navbar {
        display: inline-block;
        float: right;
    }
   .x-nav-wrap.mobile.collapse.in {
      display: block;
    }
   .x-nav-wrap.desktop {
    display: none;
   }
}

Hope this helps.

[armintz]

works perfectly, thank you

[Joao]

You are welcome.

Let us know if we can help with anything else.

Thanks

Joao

[Author]

Posts