隐藏主菜单，但不隐藏移动设备上的其他菜单

Question

我的网站是http://www.brightlegal.co.uk。我在使我的主菜单正确移动响应时遇到问题，所以我选择安装一个移动响应菜单插件（我正在使用 Wordpress）。我尝试使用这个 css 隐藏移动设备上的主菜单：

@media screen and (max-width: 768px){
#main-nav-wrap {
   display: none;
}

但是，在我的某些页面上，左侧有“子菜单”。例如，这里：http://brightlegal.co.uk/individuals/family/ 并实现了该 css，它还删除了移动设备上的这些菜单。我怎样才能阻止这种情况发生？

谢谢， 贝基

Answer 1

.ui.nav {
  display: inline-block !important;
}

Answer 2

左侧菜单.tb-column-inner #menu-391-1-0-1 { display:block }