Collapse menu on small device

wiwo

This site uses JA Simpli. On small devices, the nav_bar doesn't appear anymore while it should collapse.

For e.g. Purity III there is an option to collapse the navigation bar but for JA Simpli, I can't find such an option.

Please help!

teitbite

wiwo Hi. Please try add this to css:

@media only screen and (max-width:992px) {
.mod-languages { float: right; }

#mainnav .btn-navbar {
    position: absolute;
    z-index: 10;
}

#mainnav .nav-collapse.in,
#mainnav .nav-collapse.show {
    padding-bottom: 0;
    padding-top: 48px;
}

#mainnav .nav > li {
    padding-right: 0;
    display: block;
}
}

wiwo

Works fine. Thanks!!!

wiwo

Works fine. Thanks!!!

But there is still a problem. The nav_bar overlays the first part of the body.

teitbite

wiwo Hi. Please try add this to css:

@media only screen and (max-width:992px) {
.mainbody-inner {
    padding-top: 46px;
}
}

wiwo

Fine now! I hope this was the last problem with this template ...

Will those corrections be included in an update?

Thanks for the good support!

saguaros

wiwo
It seems issue on your site specific, will forward to the team if they can replicate the same, if yes, it will be included in the next update.