Soporte » Guías – Resolución de problemas » Publicar widget sólo en desktop

  • Hola,
    veréis tengo un theme que se adapta a móviles de forma automático, el caso qes que tengo un widget con imagen que no queda nada bien en la versión móvil y quería que no se mostrara este widget cuando se carga de desde este tipo de dispositivos

    ¿qué tengo que hacer?

    Muchas gracias!

Viendo 3 respuestas - 1 de 3 (de 3 total)
  • Moderador almendron

    (@almendron)

    Me temo que no es posible, al menos de una forma sencilla. A lo sumo, poner un widget de texto y en él poner un contenedor con la imagen dentro.

    <div class="XXX">url Imagen</div>

    Y luego, en la hoja de estilos añadir las propiedades al contenedor XXX tanto para ventanas grandes como pequeñas.
    http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

    Hola, mi respuesta es similar a la de Almendron, pero te explicaré paso a paso como hacerlo de forma sencilla:

    1. Accede a tu sitio web y localiza el widget que quieres ocultar.

    2. Coloca el puntero del ratón en la esquina superior izquierda del widget, y pulsa el botón DERECHO.

    3. Selecciona la opcion «INSPECCIONAR ELEMENTO». Si no aparece, prueba con otro navegador, te recomiendo Firefox o Chrome.

    4. Aparecera el codigo de la página y debes localizar el trozo de codigo que corresponde al widget que quieres eliminar, que será algo así como <section style=»» id=»nav_menu-2″ class=»widget widget_nav_menu»>

    5. Fíjate en el valor de id=»nav_menu-2″, que en tu caso, será otro nombre, el cual será el identificador de tu widget. Coge ese texto, y haz lo siguiente.

    6. En la hoja de style.css de tu theme o plantilla, añade el siguiente texto:

    @media only screen and (max-width: 350px) {

    #nav_menu-2 {
    display: none;
    }

    }

    SUSTITUYE nav_menu-2 por el identificador de tu widget.
    SUSTITUYE 350px por el tamaño de pantalla a partir del cual no quieres que si se muestre el widget. Por ejemplo, con 350px, el widget no se mostrará en pantallas inferiores a 350px, y si en las que sean mayores. Yo lo dejaria en 350 o 400px.

    Lo más normal es que coloques este codigo al final de tu style.css y funcionará, aunque es mejor que si tu css tiene media_querys lo coloques entre aquellas del tamaño que corresponda, Por ejemplo, si tienes una de 500px y otra de 300px, nuestra query nueva de 350px irá entre esas dos, para respetar el orden.

    Si tienes algún problema, consúltame.

    • Esta respuesta fue modificada hace 2 años, 9 meses por  erchache2000.

    @loiscr

    Muchas gacias! gran explicación!!

Viendo 3 respuestas - 1 de 3 (de 3 total)
  • El debate ‘Publicar widget sólo en desktop’ está cerrado a nuevas respuestas.