Buscador en el móvil

Hola Jose Luis.

Prueba añadir lo siguiente al archivo style.css que encontrarás dentro de wp-content -> themes -> SumincaDivi-child " style.css "

@media (max-width: 980px) {
.et_header_style_centered #et_top_search {
    display:block!important;

}

.et_header_style_centered #logo {
    margin-top: 2em;
}
}

Un saludo

Hola, lo he pegado en DIVI:

Ahora aparece si lo pongo en el ordenador pero en formato móvil, pero no actúa.
Si lo miro en el móvil ni aparece el buscador ni la imagen de portada.

¿Sería posible un buscador que tuviese la barra siempre fija? creo que así nos ahorra un clic.
Ahora para buscar tienes que pinchar en "buscar" para que aparezca la barra y luego rellenar

Hola Jose Luis.

Le pedí a un compañero de hosting que añadiera el código en el archivo style.css
.- Revisa que se muestre el boton de busqueda.

¿Sería posible un buscador que tuviese la barra siempre fija?
Prueba con un plugin de busqueda por ejemplo:
-> https://wordpress.org/plugins/advanced-woo-search/

Un saludo

Creo que es el pluging que utilizo

Y lo que me gustaría es que funcionase en versión móvil y que la barra del buscador no se ocultase, que estuviese siempre visible

Hola Jose luis.

Exacto es ese que muestras, pero no tendría que aparecer como botón, tendría que aparecer lo siguiente:

.- Accede a las opciones del módulo " Advanced Woo Search "
.- Selecciona la pestaña " Search Form "
.- En al opción " Form Styling " selecciona lo siguiente y guarda las opciones:

Comprueba si se muestra bien.

Un saludo

Hola! tengo esta configuración:

En el móvil sigue sin funcionar, y en el ordenador tienes que hacer click en la pestaña "buscador" para que se vea la barra

Hola

Es porque el plugin al parecer no esta del todo preparado para Divi, porque hay algún tipo de conflicto.

Podrías probar el siguiente código CSS, al menos asi se ve en móvil:

@media(max-width:980px){
  .et_header_style_centered .et_search_outer, .et_header_style_split .et_search_outer{
    display: block!important;
    position:static;
  }

  .container.et_search_form_container.et_pb_search_visible.et_pb_no_animation{
    max-width: 500px!important;
  }

  .container.et_search_form_container.et_pb_search_form_hidden.et_pb_no_animation{
    position: absolute;
  }
}

Saludos.

Lo he añadido y a mi me sigue sin funcionar. ¿Qué puedo hacer?

Hola Jose Luis.

Le pedí a un compañero de hosting que añadiera el código en el archivo style.css qu etienes dentro de la carpeta " SumincaDivi-child "

Revisa si ahora se muestra, si no se muestra veríamos de añadir otro buscador o el propio de DIVI.

Un saludo

Gracias, ya funciona.

Hola Jose Luis.

Genial !!! me alegra que lo solucionaras ? 

Cerramos el tema.

Un saludo