If you’re developing responsive sites with WordPress you’ve probably stumbled upon something like this. What we’re doing is essentially telling WordPress that instead of a  <ul> we want a  <select> and instead of  <li> s we want  <option> elements.

The following is a very simple example of such a Walker Class. Include this in your functions.php:

Call it like this:

In order to make the redirecting work you need a little jQuery:

That’s it!

If you liked this post please share it on Facebook, Twitter and Google+.