Barra menú no funciona correctamente en versión móvil

[sansacla]

Buenos días,

Tengo un problema con la barra del menú de la página online de la empresa donde trabajo. No sabemos por qué en el formato para móviles, cuando pinchas sobre cualquiera de las opciones (menú, lupa de búsqueda, carrito de la compra, etc...) solo está activa la acción del menú, o sea que si das en cualquiera de los iconos siempre se despliega el menú.

La web es: www.lamaisondelcabello.es

Versión de prestashop: 1.6.1.12

Plantilla: jakiro

Gracias por su atención,

 

Saludos!

 

[Pedro]

si editas esta clase verás que ya funciona bien, tendrás que retocar el diseño, el problema es que el menu ocupa todo el ancho y está por encima de los botones

.block_top_menu {
    float: left;
}

 

[sansacla]

2 hours ago, Pedro said:

si editas esta clase verás que ya funciona bien, tendrás que retocar el diseño, el problema es que el menu ocupa todo el ancho y está por encima de los botones

.block_top_menu {
    float: left;
}

 

Hola Pedro! 

Muchísimas gracias por tu rápida respuesta 😊

Sí, me di cuenta que posiciona por encima de los demás iconos, se ve que es un problema del módulo menú horizontal de la plantilla

En que archivo debo añadir el codigo?

Gracias, un saludo!

[Pedro]

11 minutes ago, sansacla said:

Hola Pedro! 

Muchísimas gracias por tu rápida respuesta 😊

Sí, me di cuenta que posiciona por encima de los demás iconos, se ve que es un problema del módulo menú horizontal de la plantilla

En que archivo debo añadir el codigo?

Gracias, un saludo!

en el archivo css, por ejemplo en esta ruta

/themes/jakiro/css/global.css

[sansacla]

On 1/8/2019 at 3:40 PM, Pedro said:

en el archivo css, por ejemplo en esta ruta

/themes/jakiro/css/global.css

Buenos días Pedro,

Probé a insertar el código y sigue igual... 

El módulo del menú horizontal sigue entrando en conflicto y se sigue superponiendo en dispositivos móviles.
He probado también copiar el código en el archivo mod_style.css y nada...

En la configuración del módulo no hay ninguna opción de posición ni nada, ¿qué más podría hacer a parte de probar con otro módulo? ¿hay alguna manera de darle prioridad a los módulos?

 

Gracias, saludos!

[Pedro]

El css original tiene preferencia sobre el que has puesto, sustituye lo que has puesto, es decir, esto:

.block_top_menu {
    float: left;
    position: relative;
}

por esto

.block_top_menu {
    float: left !important;
    position: relative;
}

vamos, añade "!important" al css de float:left

[sansacla]

9 minutes ago, Pedro said:

El css original tiene preferencia sobre el que has puesto, sustituye lo que has puesto, es decir, esto:

.block_top_menu {
    float: left;
    position: relative;
}

por esto

.block_top_menu {
    float: left !important;
    position: relative;
}

vamos, añade "!important" al css de float:left

Perfecto! ya van todos los iconos 👏👏

Ahora solo me falta colocar la palabra Menu a la izquierda como estaba antes y listo! jejeje

Muchísimas gracias por tu rapidísima ayuda Pedro! 😁😁

 

Saludos!!

[sansacla]

2 hours ago, Pedro said:

El css original tiene preferencia sobre el que has puesto, sustituye lo que has puesto, es decir, esto:

.block_top_menu {
    float: left;
    position: relative;
}

por esto

.block_top_menu {
    float: left !important;
    position: relative;
}

vamos, añade "!important" al css de float:left

Ahora tengo el problema de que en versión móvil se ve todo a la derecha y en versión pc se ha movido el menú también hacia la derecha...

¿Se podría quitar ese espacio y que en pc se vea a la izquierda y en móvil a la derecha?

[Pedro]

16 minutes ago, sansacla said:

Ahora tengo el problema de que en versión móvil se ve todo a la derecha y en versión pc se ha movido el menú también hacia la derecha... 

¿Se podría quitar ese espacio y que en pc se vea a la izquierda y en móvil a la derecha? 

Quizás es mejor, en vez de lo que hemos intentado hasta ahora, es esto:

Elimina lo que hemos puesto antes y añade esto

header .nav .header_user_info,.shopping_cart_area,header .nav .search_block_top {
    z-index: 2;
	position: relative;
}
.block_top_menu{
	z-index: 1;
}

Esto hace que la capa de menu este por debajo de los iconos, por lo que no estorba

[sansacla]

4 minutes ago, Pedro said:

Quizás es mejor, en vez de lo que hemos intentado hasta ahora, es esto:

Elimina lo que hemos puesto antes y añade esto

header .nav .header_user_info,.shopping_cart_area,header .nav .search_block_top {
    z-index: 2;
	position: relative;
}
.block_top_menu{
	z-index: 1;
}

Esto hace que la capa de menu este por debajo de los iconos, por lo que no estorba

Perfectisimo!! ahora se ve todo en su sitio jejeje. Espero que me digan que está todo OK 😁

Muchísimas gracias por todo Pedro 👏

 

Saludos!!!

[lore1991]

Hola, tengo el mismo problema de que no puedo escribir nada en la barra de búsqueda en su versión móvil, mientras que la versión de escritorio funciona perfectamente. He intentado seguir vuestros pasos, pero no encuentro el fichero en la misma ruta vuestra (teniedo en cuenta el nombre de mi tema) y o sé donde ni que debo modificar. Agradecería vuestra ayuda. Adjunto las carperas dentro de mi tema, agradecira que me indicasen la ruta o ficheros a modificar.

 

gracias