Avisos
Vaciar todo
Página 2 / 2
Anterior
Hola,
Veo que en la versión móvil no funciona al hacer clic en el logo para ir a la home. En cambio, sí funciona un botón derecho (dejando pulsado en versión móvil).
Os ha pasado? Se os ocurre cómo solventarlo? Si no, podemos poner un código css?
Una duda similar me sucede con el slider, pero esto tanto en versión móvil como en desktop, para que funciona el botón pero no el slider (supongo que es del plugin pero con un código css entiendo que se podrá conseguir).
Gracias!
Saludos
Contenido solo visible a usuarios registrados
Respondido : 25/12/2023 10:16 pm
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
Respondido : 26/12/2023 6:51 pm
@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).
Respondido : 26/12/2023 8:20 pm
Hola Fransico,
OK, elimina el código anterior y nos comentas cuando este para revisar nuevamente lo que sucede.
Un Saludo
Respondido : 26/12/2023 9:01 pm
@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).
Respondido : 26/12/2023 9:58 pm
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
Respondido : 27/12/2023 12:17 am
@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
Respondido : 27/12/2023 3:24 pm
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;
}
}
Y el menu con lo siguiente:
media (max-width: 991px) {
div#mySidenav {
margin-left: -2em;
}
}
Puedes variar el valor del Margin para adaptarlo a lo que buscas.
Un Saludo
Respondido : 27/12/2023 3:53 pm
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.
Respondido : 27/12/2023 5:09 pm
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
Respondido : 27/12/2023 6:10 pm
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.
Respondido : 27/12/2023 8:19 pm
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
Respondido : 27/12/2023 8:59 pm
Página 2 / 2
Anterior
