Soporte » Diseño – Temas y plantillas » otra casilla de búsqueda en la versión mobile

  • Resuelto Alessandra77

    (@alessandra77)


    Buenos días, uso el tema Virtue free.
    En la versión móvil, la casilla de busqueda se queda despues del listado de productos, me gustaría añadir otra debajo del menú desplegable.
    Como lo hago?
    Gracias

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 3 respuestas - 1 de 3 (de 3 total)
  • Alessandra77

    (@alessandra77)

    me gustaría añadirla aqui https://ibb.co/DWWx4cS

    Moderador LGrusin

    (@lgrusin)

    Se me ocurre una cosa pero no sé si te va a gustar.

    1 – Añadir esto al final del archivo functions.php del tema

    add_action('virtue_header_after','mi_busqueda');
    function mi_busqueda() {
    echo '<div class="busqueda">';
     get_search_form();
    echo '</div>'; 
    }

    2 – En el menú Apariencia – Personalizar – CSS adicional, añadir:

    .busqueda {
     display:none;
    }
    @media (max-width: 991px) {
     .busqueda {
      width:50%;
      margin:10px auto;
     display:block;
     }
    }

    El cuadro de búsqueda solo se mostrará en los dispositivos al igual que el menú desplegable.

    Ten en cuenta que cuando actualices el tema los cambios hechos en functions.php los pierdes. Crea un tema hijo o un plugin de funciones únicamente para esto.

    Alessandra77

    (@alessandra77)

    Muchísimas gracias @lgrusin es exactamente lo que quería hacer! Llevaba tres dias dandole vueltas, has sido de gran ayuda.
    Aún no sé como crear un plugin de funciones, asì que lo volveré a añadir cuando haya un actualización.
    Gracias!

Viendo 3 respuestas - 1 de 3 (de 3 total)
  • El debate ‘otra casilla de búsqueda en la versión mobile’ está cerrado a nuevas respuestas.