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 ∨</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
Post a Comment