Menu open by hover on desktop, click on mobile

[kogtong11]

Guys pa2long namn di kasi ako masyadu magaling sa css.
gusto ko po yung Navigatiom menu ko sa desktop is e hover lang siya pag sa mobile naman e click click ko pa siya para mag drop down.

ito po code ko
.cssmenu li ul {
background: #333333 !important;
display: none !important;
height: auto !important;
padding: 0px !important;
margin: 0px !important;
border: 0px !important;
position: absolute !important;
width: 300px !important;
z-index: 200 !important;

/*top:1em;
/*left:0;*/
}
.cssmenu li:hover ul {
display: block !important;
}

@media only screen and (max-width:600px){

.cssmenu li:hover ul {
display: none!important;
}


Ma try ko rin to e dagdag sa mobile .cssmenu li:active ul{
display:block !important;
}

pero gumagana lang siya pag e longpress hindi pag binitawan ko nawawala yung drop down.

 

[MrkMrk]

Use media queries. Lagay mo sa wide screen yung :hover then sa mobile screen yung :focus or try to use javascript/jquery