Simple responsive css/html dropdown list (mobile and desktop)

Envato Customers Web and Code
1

I have a Spanish based language site: http://www.ensayostube.com/ with informations about different topics.

I want to implement a simple responsive css/html dropdown list (mobile and desktop) for my site on pages like this on the right side:
http://www.ensayostube.com/documentos/geografia/10.php
of the site categories :

Biología
Ciencia
Física
Francés
Gramática
Inglés
Literatura
Matemáticas
Ordenador
Pedagogía
Química

i want to be on dropdownlist.

But the dropdown shold be SMALL on MOBILE and bigger on desktop or tablets

How can i do that?

I need some html/css code suggestions, to make this.

Thanks all

2

Hi,
I would be happy to help you on designing part
Please let me know

Regards

3

Hi,

Its very simple by “css media query” method. You can try !

Thanks.