Como ocultar el TagLine en teléfonos móviles - Duda Wordpress Como ocultar el TagLine en teléfonos móviles - Duda Wordpress


Mostrando resultados del 1 al 4 de 4
  1. #1
    Registro
    12-enero-2014
    Edad
    28
    Mensajes
    351
    Cuenta segura [?]
    Como ocultar el TagLine en teléfonos móviles - Duda Wordpress
    Buenas amigos, instalando un Theme en Wordpress me fijo que al navegar desde el móvil el Tagline o la Descripción corta del sitio molesta bastante, y me preguntaba si hay algún codigo CSS que permita deshabilitar el mensaje para móviles pero dejarlo en el Navegador.
    Pongo como ejemplo a FB
    header.JPG
    En mi caso, busco ocultar el mensaje "Somos betas,siempre mejoramos" desde el móvil pero que al acceder desde el PC si se vea.
    Gracias de antemano

  2. #2
    Registro
    13-diciembre-2015
    Ubicación
    Valencia, España
    Mensajes
    279
    Cuenta segura [?]
    Como ocultar el TagLine en teléfonos móviles - Duda Wordpress
    Segura desde hace
    15 días
    Digamos que la clase del tagline es .tagline, simplemente haz lo siguiente:

    Código:
    media only screen and (max-width: 1150px) 
    {
    .tagline {display: none;}
    }
    Donde pone: max-width: 1150px, debes poner en pixeles el ancho desde donde quieres que se oculte el tagline, y dentro de .tagline la etiqueta display: none lo eliminará.

  3. #3
    Registro
    12-enero-2014
    Edad
    28
    Mensajes
    351
    Cuenta segura [?]
    Como ocultar el TagLine en teléfonos móviles - Duda Wordpress
    Cita Iniciado por diasprico Ver Mensaje
    Digamos que la clase del tagline es .tagline, simplemente haz lo siguiente:

    Código:
    media only screen and (max-width: 1150px) 
    {
    .tagline {display: none;}
    }
    Donde pone: max-width: 1150px, debes poner en pixeles el ancho desde donde quieres que se oculte el tagline, y dentro de .tagline la etiqueta display: none lo eliminará.
    Buenas diasprico, gracias por tu respuesta pero como seguramente habrás notado soy algo novatillo en el mundo de la programación jejeje. Supones que la clase es .tagline pero en el Theme que estoy usando no estoy seguro de cuál se trata o de como encontrarla. Básicamente he copiado el código que has escrito y lo he incorporado a la página usando la Personalizacion CSS que viene por defecto en Wordpress

  4. #4
    Registro
    13-diciembre-2015
    Ubicación
    Valencia, España
    Mensajes
    279
    Cuenta segura [?]
    Como ocultar el TagLine en teléfonos móviles - Duda Wordpress
    Segura desde hace
    15 días
    Cita Iniciado por TinyWay Ver Mensaje
    Buenas diasprico, gracias por tu respuesta pero como seguramente habrás notado soy algo novatillo en el mundo de la programación jejeje. Supones que la clase es .tagline pero en el Theme que estoy usando no estoy seguro de cuál se trata o de como encontrarla. Básicamente he copiado el código que has escrito y lo he incorporado a la página usando la Personalizacion CSS que viene por defecto en Wordpress
    Primero y antes que nada, dirígete a la descripción que quieres eliminar, luego click derecho e inspeccionar elemento para comprobar alguno de los casos siguientes.

    La clase de un elemento se identifica como "class", así que supongamos que la estructura de tu cabecera es la siguiente.

    Código:
    <header>
       <div class="logo">
          <a href="/" class="imagen"><img src="logo.png"></a>
          <a href="/" class="tagline"><p>Descripción larga y molesta en dispositivos móviles</p></a>
       </div>
    </header>
    De ser así, el código que te pasé con anterioridad funcionaría. Pero pueden haber variables, la primera podría ser que no hay clases, sino IDs, siendo de la estructura de la siguiente manera:

    Código:
    <header>
       <div class="logo">
          <a href="/" id="imagen"><img src="logo.png"></a>
          <a href="/" id="tagline"><p>Descripción larga y molesta en dispositivos móviles</p></a>
       </div>
    </header>
    Entonces, en el código que te pasé tendrías que cambiar el ".tagline" por un "#tagline".

    Suponiendo que no sea así la estructura, sino así:

    Código:
    <header>
       <div class="logo">
          <a href="/"><img src="logo.png"></a>
          <a href="/"><p>Descripción larga y molesta en dispositivos móviles</p></a>
       </div>
    </header>
    Sin IDs ni clases para ningún elemento específico del logo, tendríamos que hacer selección desde el elemento padre, es decir:

    .logo a p {display: none;}

    Ahí estamos especificando que se dirija a la etiqueta <p> dentro de la etiqueta <a> que a su vez está dentro de la etiqueta con clase logo.

    También podría no tener ninguna clase, así:

    Código:
    <header>
       <div>
          <a href="/"><img src="logo.png"></a>
          <a href="/"><p>Descripción larga y molesta en dispositivos móviles</p></a>
       </div>
    </header>
    Haríamos lo mismo que arriba:

    header a p{display: none;}

    Ahí estamos especificando que se dirija a la etiqueta <p> dentro de la etiqueta <a> que a su vez está dentro de la etiqueta con clase <header>.

    Si nada de lo anteriormente escrito te fue de utilidad, siéntete libre de enviarme un mp con la URL de tu web y con gusto te echaré una mano.

Temas similares

  1. Entre telefonos moviles
    Bueno tengo un Samsung galaxy note 4 y me compre un Nokia lumia 950 con cual me recomiendan quedarme y por que saludos
    Respuestas: 0
    Último mensaje: 19-feb-2017
  2. Como ocultar algunos objetos en la plantilla para los moviles?
    Mi pagina para desktop muestra algunos widgets, En la version para celular los muestra tambien y en la parte de abajo, Se ve un poco incomodo y...
    Respuestas: 0
    Último mensaje: 02-feb-2017
  3. ¿Cómo gestionar varios números de teléfonos móviles a la vez?
    Hola, Me gustaría saber si conocéis de algún servicio o software que te permita gestionar varios números de teléfonos móviles a la vez. ...
    Respuestas: 16
    Último mensaje: 04-ene-2017
  4. Ocultar correos, nombres Telefonos de Google.
    Hola tengo una web informativa donde vendo ciertas cosas, sin embargo para recibir pagos tengo que poner mi nombre, telefonos, correo , etc e...
    Respuestas: 2
    Último mensaje: 20-nov-2016

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •