toggle smallmenu.js

i am using Mog and would like to disable the menu toggle on mobile devices and use my own via .css–i tried this but lost the menu totally when i tried to add css:
@media screen and (max-width: 680px) {
.main-navigation div.nav-menu > ul {
display: block;
}
.menu-toggle {
display: none;
}
}

is there a better way to turn off the small menu.js toggle? thanks!