desplazar menu a la...
Avisos
Vaciar todo

desplazar menu a la izquierda en prestashop  

 
MC
 MC
Reputable Member

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

Citar
Respondido : 24/01/2019 4:48 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 24/01/2019 5:11 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 24/01/2019 5:21 pm
MC
 MC
Reputable Member

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

ResponderCitar
Respondido : 24/01/2019 5:55 pm

MC
 MC
Reputable Member

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

ResponderCitar
Respondido : 24/01/2019 5:55 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

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

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

Saludos.

ResponderCitar
Respondido : 24/01/2019 6:44 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

MC
 MC
Reputable Member

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

ResponderCitar
Respondido : 24/01/2019 7:32 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 24/01/2019 8:06 pm

Cursos Gratuitos WordPress