Jump to content

Modificar ancho logo en tema movil prestashop 1.6 (SOLUCIONADO)


victorzgz

Recommended Posts

Lo dicho, me gustaría que el logo en la versión móvil ocupara todo el ancho y con viene en la plantilla a mi solo me ocupa la mitad, donde puedo modificar los valores, porque al ser en el móvil no puedo inspeccionar los elementos (o por lo menos yo no sé).

Edited by victorzgz (see edit history)
Link to comment
Share on other sites

Lo dicho, me gustaría que el logo en la versión móvil ocupara todo el ancho y con viene en la plantilla a mi solo me ocupa la mitad, donde puedo modificar los valores, porque al ser en el móvil no puedo inspeccionar los elementos (o por lo menos yo no sé).

 

Te paso el tutorial para poder inspeccionar elementos desde el navegador del móvil: https://developer.chrome.com/devtools/docs/remote-debugging

 

Por otra parte, si haces más pequeña la ventana del navegador desde el PC también se te muestra la página como si estuvieras en el móvil.

Link to comment
Share on other sites

Te paso el tutorial para poder inspeccionar elementos desde el navegador del móvil: https://developer.chrome.com/devtools/docs/remote-debugging

 

Por otra parte, si haces más pequeña la ventana del navegador desde el PC también se te muestra la página como si estuvieras en el móvil.

No soy capaz de hacerlo con el movil, entiendo que como la web normal el logo ocupa el 50% de la pantalla, pero en el movil al bajar el carrito y la barra de busqueda se podria aprovechar todo el ancho y verse mucho mejor.

Te paso la web por si le puedes dar un vistazo.

 

http://www.amorintimo.com 

Link to comment
Share on other sites

No soy capaz de hacerlo con el movil, entiendo que como la web normal el logo ocupa el 50% de la pantalla, pero en el movil al bajar el carrito y la barra de busqueda se podria aprovechar todo el ancho y verse mucho mejor.

Te paso la web por si le puedes dar un vistazo.

 

http://www.amorintimo.com 

 

Haz la ventana del navegador en el PC más pequeña para que se te vea como en el móvil.

Link to comment
Share on other sites

Haz la ventana del navegador en el PC más pequeña para que se te vea como en el móvil.

Pero de esa manera veo la version web (aqui lo hace mas grande o pequeño), lo que quiero es modificar el tema movil y a ese no sé acceder desde el pc. Gracias por tu ayuda.

Si te metes desde tu movil veras lo que te comento.

 

Disculpa, pero me estaba liando yo, ya he podido modificar el ancho del logo.

Yo por defecto en la plantilla normal tengo un tamaño del 60%(en el otro 40% tengo ubicado el carro y buscador) , y para cuando se viera en moviles quería que aumentara al 100% por que lo otro se ponía debajo.

Lo que conseguido modificando el global.css

Línea, en mi caso 5521

 

header .row #header_logo {

      padding-top: 8px;

 width: 60%;

 }

      @media (max-width: 992px) {

        header .row #header_logo {

          padding-top: 40px; } }

      @media (max-width: 767px) {

        header .row #header_logo {

          padding-top: 15px;

 width: 100%;

 

Esto es lo que le he añadido, espero que os sirva a alguno mas. Saludos y en especial a joseantgv

Edited by victorzgz (see edit history)
  • Like 1
Link to comment
Share on other sites

  • nadie locked this topic
Guest
This topic is now closed to further replies.
×
×
  • Create New...