Hide or disable menu navigation in mobile

[aristotelisagoratsios]

Hello,
I use a template in my webpage esvelventou.gr Favourite - Free responsive Joomla template and I want to know how can I hide or disable the menu navigation bar for mobile and how I can style it, for example to change the style of accordion or the colours!
I sent the company I downloaded my problem but no answer yet.
I have tried this change in CSS code custom :
@media screen and (max-width: 568px) { #nav-menu{ display:none!important; } }
but no result!
How can I fixed this?
Thank you...
Sincerely
Arstotelis

[aristotelisagoratsios]

Hello again!
I have fixed this by I adding the code :

#fav-navbarwrap {
display: none!important;
}

at the end of template.css file in css folder
AND also
adding a javascript code(take effect in bootstrap framework) :

<script> $('.fixed-top').autoHidingNavbar({ showOnUpscroll: false, showOnBottom: false }) </script>

in index.php file in the body tags.

Thank you