Publicar widget sólo en desktop

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 7 años, 8 meses por erchache2000.