Mover Barra de busqueda prestashop 1.7

[EDU]

Hola alguien me puede decir como corregir la barra de búsqueda

ya que en modo escritorio se visualiza normal

pero en vista móvil no me gustaría que se visualizara igual que la segunda captura de pantalla

 

adjunto imágenes

 

 

de ante mano Gracias

 

[gusman126]

lo que pides solo se puede hacer si la plantilla que usas puedes añadir varios modulos y hacer distinción entre verse en telefono o no y verse en sobremesa o no, si no tiene esa opcion no se puede tener en dos sitios diferentes dependiendo del dipositivo

puede que por codigo se podria hacer

 

[jgamio]

@EDU En realidad no que entendi bien como lo quieres 

pero  la respuesta   me confundio mas

 

El cambio lo puedes realizar con los css y algo mas complicado con javascript,

 

@gusman126 en css puedes establecer diferentes estilos segun el ancho del diapositivo no necesitas ni modulos ni de que la plantilla este preparada o no para eso

 

en el caso del ancho lo puedes manejar colocando en el custom.css por ejemplo

 

#header .header-top .search-widget {

min-width: 50%;

}

 

ahora eso aplicara para todos los tamanos entonces tienes que ir especificando por ejemplo

 

@media (max-width: 575px) {

#header .header-top .search-widget {

min-width: 50%;

}

}

 

para que la regla aplique solo hasta 575px y asi sucesivamente con los anchos estandard que se manejan

 

 

 

 

 

 

 

 

 

[EDU]

Gracias por las respuestas,utilizo la plantilla por defecto de prestashop 1.7, pensé que seria mas fácil ya que no me gusta tocar lineas de código,

 

si miras la demo de prestashop veras que en dispositivos móviles sale igual que la segunda captura de pantalla 

 

enlace prestashop:

http://demo.prestashop.com/es/?view=front

 

en la web que utilizo sale a un costado el buscador y me gustaría que estuviera en medio  como en la version por defecto de prestashop

 

buscador  que quiero corregir

 

 

y este quiero que sea el resultado

 

sin tener que tocar lineas de codigo

 

 

 

 

 

[jgamio]

Si te sale asi es que has tocado algo por defecto se ve como en la demo

 

si nos das un link tal ves podamos mirar pero solo con la foto es dificil ayudarte

[gusman126]

entendi mal, 

entendi que en telefono se viera en un lugar y en ordenador en otro,

 

[jgamio]

4 hours ago, gusman126 said:

entendi mal, 

entendi que en telefono se viera en un lugar y en ordenador en otro,

 

 

Para referencia igual lo puedes hacer pero requiere un poco mas de trabajo, puedes poner bloques usando el bootstrap para que se esconda o muestre segun el tamano y mover el bloque con javascript ( no es que sea una buena practica pero se puede hacer)

 

 

[gusman126]

hace 6 horas, jgamio dijo:

 

Para referencia igual lo puedes hacer pero requiere un poco mas de trabajo, puedes poner bloques usando el bootstrap para que se esconda o muestre segun el tamano y mover el bloque con javascript ( no es que sea una buena practica pero se puede hacer)

 

 

 

Con algunas plantillas Leo-theme se puede hacer sin programación. si quieres continuamos en otro mensaje, no llenemos este de respuestas que no le va a servir a el