¿Cómo convertir a "responsive" menú con sub-menús en Blogger?

Hola,
Mi pregunta, Cómo convertir a "responsive" menú con sub-menús en Blogger se formula bajo las siguientes circunstancias:

Tengo un blog de noticias, para el cual estuve durante dos meses completos buscando plantilla en las diferentes páginas, y no encontraba. Ahora, recién encuentro una muy buena plantilla (vamos, la indicada). La descargo y la aplico a mi blog. Todo va bien...

Al momento de visualizar mi blog en el diseño de ordenadores, estaba bien, está bien aún. El problema surge al verlo desde mi celular. El menú horizontal debajo de la cabecera es de esos anticuados menús que ya pocos usan, y para una web tan bonita no es lindo un menú tan anticuado...

Busqué en internet algunas maneras de arreglar esto y hacer que el bonito menú (en ordenadores) se vea responsive en celulares y tabletas, pero cuando sigo los pasos de internet, sólo se agrega un nuevo menú (responsive y no tan bonito) pero el anterior sigue estando en el blog.

Entonces, busco una manera de convertir el menú ya existente en uno responsive adaptable (=) a todos los dispositivos de una manera bonita...
Espero puedan ayudarme,

gracias...

Antes de nada solo quiero que me contestes una pregunta, que nivel de programación tienes?, si tu respuesta es casi nula a básica debo decirte que tal vez estas intentando agregar código sin eliminar el anterior, yo se que estas viendo tutoriales pero agregas estructura y diseño y no eliminar la estructura y diseño anterior. Puedes editar ese mismo menú con CSS, solo sigue los pasos de los tutoriales que haz visto pero sustituyendo las Clases o ID del CSS y no agregando las estructuras.

en esta web te enseñan como zkreations ~ web design, blogger, wordpress, tumblr