Apologies if this has been asked or is a dumb question - it seems simple, but I did search.
On my site, I use a navbar that I initially pulled from a site with many free canned navbars long ago, and have since changed it a lot since then by just tinkering with parameters. Now, with the advent of mobile (yes, I'm behind), I want to change all my dropdown menus from popping out on hover to popping out on click. I know this is how bootstrap does it, etc, so clearly it can be done.
For me, things start changing colors and appearing based on something like this:
.menu ul li.selected a.outer1 {color:#000; background:#929292; margin-bottom:250px;
zoom: 1; filter: alpha(opacity=60); opacity: 0.6; }
When the outer list element is selected, stuff changes. However, it seems that the ".selected" makes the li "selected" on hover. Is there a way to change it so it's selected on click? Just a simple word change? Or am I going to have to change my structure? I can provide additional code if desired.