Cómo hacer una página de categorías responsive y ejemplos de webs

Hola, en el index tengo una sidebar a la izquierda con categorías (alimentación, deportes, etc.).

La sidebar solo se ve en pc; para tablets y móviles la he desactivado por motivos de espacio. En su lugar, en el menú he puesto una pestaña de categorías para que ahí aparezcan todas las categorías. Son alrededor de 30 categorías.

Lo que no sé es como hacer la página donde aparecen todas las categorías, para que se vea bien. Mi idea es que tanto para la Tablet como para los móviles saliera como botones, algo parecido a como sale el menú al verlo en esos dispositivos.

¿Me podéis decir como la puedo hacer y algunos ejemplos de webs para que me oriente?

Gracias.

No se si entendí bien, pero teoricamente vas a crear una página en específico para que cuando en usuario entre, elija la categoría que desea.
Ponele unos botoncitos full width y dale color, en la versión móvil de mi sitio hice esto:

https://s3.amazonaws.com/pushbullet...rMIGvGy2vY/Screenshot_2014-09-07-07-25-34.png

Exacto, así es. En el index, en Temporada 1 yo pondría Categorías (para no poner todas las categorías, ya que quedaría un index muy largo) y al hacer clic en Categorías saldría todas las categorías como aparecen en el ejemplo: Temporada 1, Temporada 2, etc.

Mi menú aparece como el tuyo, lo que no sé como hacerlo para que aparezcan así todas las categorías, si será igual.
Y también la duda que tengo es que apariencia poner a las categorías para el pc y la Tablet, si sería en forma de botones como sale en el móvil o con HTML típico como aparecen en ebay, etc.