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>