Hacer clic en logo y en slider para ir a la home  

Hola Fransico, 

El siguiente código debe permitir alinear los elementos como deseas:

@media (max-width: 600px){
#header i {
padding: 0px;
margin-top: 35px;
}
a.btn.font-weight-normal.register {
margin-top: -2.4em;
}
}

Añádelo y una vez lo tengas nos avisas para comprobar como se ve

Un Saludo 

@karen Muchas gracias! No se me ha solucionado 🙂 Y ahora el menú, cuando es una pantalla móvil pero más ancha, se queda desplegado en vertical (antes en horizontal).

Hola Fransico, 

OK, elimina el código anterior y nos comentas cuando este para revisar nuevamente lo que sucede. 

Un Saludo 

@karen Ya estaba eliminado 🙂 Digamos que tengo 2 problemas: no se alinea perfectamente y el menú, cuando es una pantalla móvil pero más ancha, se queda desplegado en vertical. Lo ideal sería: alinear los 3 elementos como en la imagen y, en cuanto vayan a descolocarse, que se queden las 3 líneas del menú, que veo que es la tendencia actual (tipo la web de HugoBoss o la de la librería LaFabrica, por citar 2 ejemplos de sectores distintos en que sucede esto: cuando el menú se va a descolocar, se pliega bajo las 3 lineas habituales).

Hola Francisco, 

Lo que veo es que tienes varios códigos añadidos y algunas reglas pueden chocar con otras; sin embargo, revisa si el siguiente código te permite alinear estos elementos. 

@media only screen and (max-width: 600px) {
#header i {
position: absolute;
top: 2px !important;
left: -30px;
}

}

Verifícalo y nos comentas como va todo

Un Saludo

@karen No... Pero gracias!

Es que sigue poniéndolo en vertical. Igual no me estoy explicando. Pero lo que querría es ver solo 2 situaciones: el menu en horizontal o, en caso de que no quepa por ancho de pantalla, el icono de las 3 lineas para desplegar. Como los ejemplos que citaba

Hola Francisco.

Pero que problema es el que tienes ahora ?

Veo que los tres elementos se pueden seleccionar sin problema:

Puedes mover el logo con lo siguiente:

@media (max-width: 991px) {
(index):141
img.custom-logo {
margin-left:-4em;
}
}

media (max-width: 991px) {
div#mySidenav {
margin-left: -2em;
}
}

Puedes variar el valor del Margin para adaptarlo a lo que buscas.

Un Saludo

Hola, Pepe:

El problema es que el menú no se pliega bajo el clásico icono de las 3 rayitas sino que se queda en vertical en cuanto la pantalla es un phablet, por ejemplo. Y lo que quiero como decía es "el menu siempre en horizontal o, en caso de que no quepa por ancho de pantalla, siempre el icono de las 3 lineas para desplegar.". O uno u otro, no medias tintas que lo descoloquen, quiero decir.

Hola Francisco, 

Entiendo, en este caso no es un problema de CSS, sino como está desarrollado el tema que utilizas. Estoy revisando el tema y no veo una opción donde indique como modificar esto, ya que en el tema demo que indican el comportamiento del menú sigue dejando mucho que desear Contenido solo visible a usuarios registrados

Un Saludo 

Ok! Muchas gracias por tu ayuda, Karen. Lo revisaré pero es que antes no se quedaba en vertical... Al menos, sí me gustaría que no se quedara en vertical. Antes, tan solo se desordenaba.

Hola Francisco, 

En este caso veo que se ha añadido mucho código CSS, veamos como podemos reordenarlo. Eliminar cualquier código añadido anteriormente para solucionar este problema y nos comentas una vez este listo para verificarlo. 

Guarda estos códigos que tienes añadidos en un documento por si necesitas retomarlos nuevamente. 

Verifícalo y nos comentas cuando este listo. 

Un Saludo