Я использую jquery-mobilemenu.min.js для создания верхней строки меню.Все отлично работает на рабочем столе, но на мобильном телефоне я хочу скрыть элементы подменю и вместо этого использовать + перед элементами меню.Может ли кто-нибудь помочь мне в этом
Я пытался внести изменения в файл CSS, но безрезультатно.Ниже приведена часть файла layout.css, в которой я пытался внести изменения
/* Top navigation for smaller resolutions */
#topnav form{
display:block;
height:30px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 5px;
padding-right: 0;
padding-bottom: 5px;
padding-left: 0;
}
#topnav form select{
display:block;
width:100%;
padding:8px;
color:#FFF;
background-color:#4A5257;
cursor:pointer;
outline:none;
border:none;
}
#topnav form select option{
display:block;
margin:10px;
padding:0;
cursor:pointer;
outline:none;
border:none;
}
#topnav form select option submenu{
display:none !important;
margin:10px;
padding:0;
cursor:pointer;
outline:none;
border:none;
}