desplazar menu a la...
 
Avisos
Vaciar todo

desplazar menu a la izquierda en prestashop

8 Respuestas
3 Usuarios
0 Reactions
133 Visitas
 MC
Respuestas: 273
Reputable Member
Topic starter
 

Buenas tardes. Tengo un problema y es que el menú se va hacía la derecha y se ve mal por lo que se encuentra por encima el buscador y el carrito.

Me gustaría saber cómo poner el menú más hacía la izquierda y así evitar esto.

Un saludo

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 24/01/2019 4:48 pm
Pepe
 Pepe
Respuestas: 41132
Illustrious Member Admin
 

Hola Mª Carmen

Prueba añadir lo siguiente a tu archivo de estilos CSS

@media (max-width: 1199px) and (min-width: 768px) {
#header .shopping_cart {
    top: 15px;
}
}

Un saludo


 
Respondido : 24/01/2019 5:11 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Prueba el código de Pepe pero sin el media query que igual veo que no afectaría en movil, es decir prueba:

#header .shopping_cart {
    top: 15px;
}

Saludos.


 
Respondido : 24/01/2019 5:21 pm
 MC
Respuestas: 273
Reputable Member
Topic starter
 

He probado los dos en el archivo global.css y no funciona.


 
Respondido : 24/01/2019 5:55 pm
 MC
Respuestas: 273
Reputable Member
Topic starter
 

He probado los dos en el archivo global.css y no funciona.


 
Respondido : 24/01/2019 5:55 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Prueba poniendo importan, es decir el código quedaría:

#header .shopping_cart {
    top: 15px!important;
}

Saludos.


 
Respondido : 24/01/2019 6:44 pm
 MC
Respuestas: 273
Reputable Member
Topic starter
 

De esta manera lo que ocurre es que se pone la opción de buscar y carrito encima del menú. Creo que eso me podría valer. Pero desde el móvil tengo el problema de que la el buscador y el carrito se encuentran encima del logotipo por lo que no queda bien. No sé cómo podría ponerlo debajo.

Un saludo


 
Respondido : 24/01/2019 7:32 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Prueba agregando adicionalmente este código que te cambia la posición de esos elementos en móviles

@media(max-width:768px){
    #header .shopping_cart {
        top:118px!important;
    }    
}

Saludos.


 
Respondido : 24/01/2019 8:06 pm