html - @media query not working for all rules -


i'm stuck on 1 because @media query works first rule, not after it.

for example have "subbutton" disappear when screen goes below set width, need change h2 heading size down 2.5em (currently 4.5em on desktop). subbutton altered media query when viewed on iphone.

any ideas on doing wrong?

* edit * have included code targeting media query. have tried of different classes, id's still no luck. further insight appreciated

/** mobile **/ @media screen , (max-width: 767px), screen , (max-device-width: 767px) {     #subbutton     {         display:none;     }      .primarycontainer h2 {         font-size: 2.5em;     } } 

html

<section class="contentcontainer" id="primarybackground">         <div class="container">             <div class="row">                     <div class="col-md-8 col-md-offset-2 primarycontainer">                             <h2>get rocket ship growth!</h2><br>                             <p>weekly step step growth hacking<br>guides & actionable insight</p>                             <button><a href="#section2">learn more &or;</a></button>                     </div>             </div>         </div>     </section> 

this must due specificity. i've tested , works fine. missing final closing brace in block though. inspect .primarycontainer h2 , see styles active. there's additional class or id being called , applied somewhere.


Comments

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -