chrisper73 Posted March 8, 2016 Share Posted March 8, 2016 (edited) Buenos días. Se me ha descuadrado la web y no sé cómo arreglarla. Es como si el ancho de la página se hubiera estrechado y la barra del buscador desplazado.Porque en el bloque de novedades de la izquierda el texto de los productos se ha estrechado bastante.Mi página web es: www.informaticapc.es Si alguien me pudiera ayudar se lo agradecería muchísimo. Un saludo. Lo conseguí arreglar haciendo tal y como me indicaron: Prueba a editar este código en tu fichero themes/Amaltea/css/global.css Busca esto: @media (min-width: 1200px) {.container {max-width: 1190px;padding: 0 10px; } Editalo por esto: @media (min-width: 1200px) {.container {max-width: 100%;padding: 0 10px; } Un saludo. Edited March 8, 2016 by chrisper73 (see edit history) Link to comment Share on other sites More sharing options...
Open Code Consulting Posted March 8, 2016 Share Posted March 8, 2016 Hola, ¿Esto te ha pasado después de modificar algo en el código o al instalar algún módulo? ¿Qué versión de Prestashop tienes? Un saludo. Link to comment Share on other sites More sharing options...
chrisper73 Posted March 8, 2016 Author Share Posted March 8, 2016 Buenas tardes. Gracias por contestar. Tengo la versión 1.6.0.14. En realidad estoy acabando la página web. Pero no sé qué he debido tocar que es como si se hubiera estrechado la web y el buscador se ha desplazado hacia abajo. He subido un respaldo donde tenía perfecta la web y me aparece con el mismo fallo que no tenía cuando hice el respaldo. Si subo un backup que estaba bién,me debería de aparecer bién,¿no?. Ya aquí me pierdo ... Muchas gracias. Un saludo. Link to comment Share on other sites More sharing options...
chrisper73 Posted March 8, 2016 Author Share Posted March 8, 2016 No ha sido al instalar algún módulo ni tampoco estaba tocando código.Lo que hice fue poner a las imágenes de todos los sliders de la página de inicio el link para redirigir, pero por eso no se debería de descuadrar!!! :S Link to comment Share on other sites More sharing options...
Open Code Consulting Posted March 8, 2016 Share Posted March 8, 2016 Hola, La verdad es que parece muy extraño que eso haya estrechado tu plantilla. Prueba a editar este código en tu fichero themes/Amaltea/css/global.css Busca esto: @media (min-width: 1200px) { .container { max-width: 1190px; padding: 0 10px; } Editalo por esto: @media (min-width: 1200px) { .container { max-width: 100%; padding: 0 10px; } Un saludo. Link to comment Share on other sites More sharing options...
chrisper73 Posted March 8, 2016 Author Share Posted March 8, 2016 Hola de nuevo. Lo he cambiado pero en la web no hace nada. Link to comment Share on other sites More sharing options...
Open Code Consulting Posted March 8, 2016 Share Posted March 8, 2016 Hola, Acabamos de entrar en la web y si se ha cambiado, ahora la web ocupa todo el ancho de la página. Recarga la página web presionando Ctrl + Shift + R para borrar la caché del navegador (Mozilla Firefox), o presiona Ctrl + F5 (Chrome). No utilices nunca IE. También tienes que tener en cuenta que estas modificaciones que hemos realizado, son para resoluciones superiores a 1200px, así que si estás viendo la web en una tablet, portátil pequeño o dispositivos móviles, no vas a ver los cambios. Un saludo. Link to comment Share on other sites More sharing options...
chrisper73 Posted March 8, 2016 Author Share Posted March 8, 2016 Es verdad!!!! Lo he tenido que ver en otro ordenador porque en el mío se sigue viendo igual. Habría que eliminar la caché, verdad??? ¿Cómo se haría eso? Link to comment Share on other sites More sharing options...
chrisper73 Posted March 8, 2016 Author Share Posted March 8, 2016 Uff si me lo habéis indicado antes. Es que con la ilusión... Se podría hacer algo para que en un ordenador pequeño también se ajustara?? Link to comment Share on other sites More sharing options...
chrisper73 Posted March 8, 2016 Author Share Posted March 8, 2016 Mi portátil es de 17 pulgadas y antes se veía bien. Después de recargar la página web presionando Ctrl + Shift + R se sigue viendo con el buscador sin ajustar. Se podría hacer algo??? Muchas gracias. Link to comment Share on other sites More sharing options...
Open Code Consulting Posted March 8, 2016 Share Posted March 8, 2016 Hola, Si, ahora tienes que seguir modificando el fichero themes/Amaltea/css/global.css para que en donde veas la clase .container, ir poniendo max-width: 100%; para todas las resoluciones que veas. Un saludo. Link to comment Share on other sites More sharing options...
chrisper73 Posted March 8, 2016 Author Share Posted March 8, 2016 He probado ver la web en un ordenador más pequeño y se ve bastante bien. Pero en el mío le he dado varias veces a Ctrl + Shift + R y no hay manera. Uso Mozilla. Ya una vez tuve que formatear el ordenador por ese mismo motivo. Era para no tener que volver a tomar esa medida tan drástica.¿No habría otra manera de limpiar la caché? Muchísimas gracias. Link to comment Share on other sites More sharing options...
Open Code Consulting Posted March 8, 2016 Share Posted March 8, 2016 Hola, Para evitar que te puedas confundir, edita sólo estas líneas de código: Edita esto: @media (min-width: 768px) { .container { max-width: 750px; } Por esto: @media (min-width: 768px) { .container { max-width: 100%; } ---- Edita esto: @media (min-width: 992px) { .container { max-width: 970px; } Por esto: @media (min-width: 992px) { .container { max-width: 100%; } Con esto ya debería de tenerlo para todas las resoluciones. Un saludo. Link to comment Share on other sites More sharing options...
chrisper73 Posted March 8, 2016 Author Share Posted March 8, 2016 Quería agradecerle la rapidez en contestación y la claridad en sus comentarios. Y muchas gracias por conseguir que se viera bién la web. Un saludo. Link to comment Share on other sites More sharing options...
Open Code Consulting Posted March 8, 2016 Share Posted March 8, 2016 Hola, Es un placer haberte ayudado Si has solucionado el tema, puedes marcar la respuesta que ha respondido a tu pregunta inicial y poner en el título (SOLUCIONADO). https://www.prestashop.com/forums/topic/269515-solucionado-%C2%BFcomo-poner-la-palabra-solucionado-en-el-titulo-del-tema/ Un saludo. Link to comment Share on other sites More sharing options...
Recommended Posts