html - How to prioritize mobile css over desktop css -
problem: have footer, have set work on desktop view. when footer enters mobile view, works want to, expect text.
the text uses css set on desktop view rather mobile view. when want align of text center can't. uses desktop css, meaning first line of text float left margin-left: 40px; , on.
i've tried messing around mobile css , have not found answer. feel i'm missing important. can explain i'm doing wrong , show me solution. appriciate much!
https://jsfiddle.net/7vmb5gz8/
<div class="footer"> <div class="footer_info"> <div class="footer_contact"><b>tel:</b> 6 979 200; <b>e-post:</b> <a class="footer_email" href="mailto:frens@frens.ee" target="_top">frens@frens.ee</a></div> <div class="footer_links"><a href="#" class="footer_frens_link">frens catering</a>; <a href="#" class="footer_shop_link">e-pood</a></div> <div class="footer_rights">© kõik õigused kaitstud. frens 2017</div> </div> </div>
you have invalid syntax in css
.footer_contact !important{ float:none; text-align: center; } remove !importantor change to:
.footer_contact{ float:none !important; text-align: center; }
Comments
Post a Comment