Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/07/2017, 05:42
Avatar de RAZGRIZ24
RAZGRIZ24
 
Fecha de Ingreso: septiembre-2009
Mensajes: 143
Antigüedad: 15 años, 2 meses
Puntos: 2
Media query no responde

Buenas compañeros, pues sencillamente; tengo unas líneas de código con HTML y CSS, hasta ahora todo el código ha discurrido con naturalidad, y tengo un elemento p que no responde a una media query.

Mi objetivo es que no se muestre en las pantallas más pequeñas.

A ver si vosotros veis algo raro:

Código HTML:
Ver original
  1. <div class="contacto-datos">
  2.                         <p class="contacto-datos-nombre">[NOMBRE DE LA EMPRESA]</p>
  3.                         <p>
  4.                              <a href="http://www.comodinpress.com/"><img src="index-files/web-icon.png" />***</a>
  5.                         </p>
  6.                         <p>
  7.                              <a href="href=tel:***"><img src="index-files/phone-icon.png" />***</a>
  8.                         </p>
  9.                         <p>
  10.                              <a href="mailto:***"><img src="index-files/mail-icon.png" />***</a>
  11.                         </p>
  12.                     </div>

Código CSS:
Ver original
  1. /*instrucción fuera de la media query*/
  2. .contacto-datos-nombre{
  3.     display: block;
  4.     font-size: 1.5em;
  5.     margin-bottom: 6vh;
  6. }
  7. /*Instrucción en el interior de la media query*/
  8. @media (max-width: 750px) {
  9. [...]
  10.     .contacto-datos-nombre{
  11.         display: none;
  12.     }
  13. }