Como separar el menú del titulo en la plantilla o tema Contempo de Blogger

Si le añadiste un menú a tu blog y este blog usa la plantilla contempo de blogger abras notado que cuando realizas scrolling hacia abajo, arriba aparece el titulo del blog y el menú pero revueltos como si fueran una sopa de frijoles (Me gusta la sopa de frijoles ;) y quieres que el menú salga abajo del titulo como si estuviera en otra linea así como el mio?

En realidad es muy sencillo, yo estaba hurgando en el código Javascript (No soy muy bueno en Javascript por no decir nada) que hace funcionar la barra superior pero no logre entender nada así que hice unas pruebas local mente con el código HTML de mi blog y en unos pocos minutos encontré la solución que daré a continuación:

Separar menú del titulo en la barra horizontal superior del tema contempo que aparece al hacer scroll

Antes que nada no olvides hacer una copia de seguridad si no tienes una, por si acaso.

Primero ve a Tema>>Editar HTML y espera a que cargue la pagina y aparezca la caja con el código HTML de la plantilla, clic dentro de esta caja y pulsa Ctrl+f en la caja que aparece en la parte superior derecha de la caja de código y al lado dice "Search" escribe "<nav" sin comillas y pulsa Enter.

Selecciona desde la linea <nav role='navigation'> hasta </nav> después de esta hay dos </div> y luego esta </header>, corta el código que has seleccionado o copia y borra el código para luego pegarlo antes de </header> es decir que solo lo vamos a mover dos linea hacia abajo de donde estaba antes.

Clic en "Guardar tema" y visita tu blog para ver el resultado.

Eso es todo saludos y nos leemos.