Create select to filter content from a web page [closed]

1

I'm creating a website in Wordpress and I'm making some modifications to the theme I bought, I'm using the Agera theme and I would like it in the location of that bar, where the buttons to filter the content below are a select, because when viewing the site on the cell phone that bar depending on how much content gets large and breaks on multiple lines with many buttons and does not look cool.

The site for you to see the theme is this: link

If someone wants the theme to help me, just send me the email

The code is this and it works cool

<div class="mpc-portfolio-categories">
<ul>
<li data-link="all"><a href="#all" class="active" title="All" data-link="all">All</a></li>
<li data-link="design"><a href="#design" title="Design" data-  link="design">Design</a></li>
<li data-link="photography"><a href="#photography" title="Photography" data-link="photography">Photography</a></li>
</ul>
</div>

But if I do this it does not work

<select class="mpc-portfolio-categories">
<ul>
<option><li data-link="all"><a href="#all" class="active" title="All" data-link="all">All</a></li></option>
<option><li data-link="design"><a href="#design" title="Design" data-  link="design">Design</a></li></option>
<option><li data-link="photography"><a href="#photography" title="Photography" data-link="photography">Photography</a></li></option>
</ul>
</select>

    
asked by anonymous 23.09.2016 / 00:16

0 answers