Commit 3c6e738c authored by Renfred Harper's avatar Renfred Harper
Browse files

Make footer responsive

parent e7d35531
...@@ -88,7 +88,8 @@ ul.ui-autocomplete { ...@@ -88,7 +88,8 @@ ul.ui-autocomplete {
.gmu-brand { .gmu-brand {
padding: 0px 5px 0px 12px; padding: 0px 5px 0px 12px;
margin: none; margin: none;
float: right; display: block;
text-align: center;
} }
.gmu-logo { .gmu-logo {
width: 150px; width: 150px;
...@@ -113,6 +114,9 @@ ul.ui-autocomplete { ...@@ -113,6 +114,9 @@ ul.ui-autocomplete {
text-align:center; text-align:center;
margin-top: 12px; margin-top: 12px;
} }
#footer-line {
display: none;
}
/* Custom Responsive Classes */ /* Custom Responsive Classes */
/* xs */ /* xs */
@media (min-width: 480px) { @media (min-width: 480px) {
...@@ -124,7 +128,13 @@ ul.ui-autocomplete { ...@@ -124,7 +128,13 @@ ul.ui-autocomplete {
} }
/* md */ /* md */
@media (min-width: 992px) { @media (min-width: 992px) {
#footer-line {
display: inline;
}
.gmu-brand {
position: absolute;
right: 15px;
}
} }
/* lg */ /* lg */
@media (min-width: 1200px) { @media (min-width: 1200px) {
......
...@@ -62,12 +62,10 @@ ...@@ -62,12 +62,10 @@
</div> </div>
<div id="footer"> <div id="footer">
<div class="footer-row"> <div class="footer-row">
<a class="gmu-brand" href="http://www.gmu.edu"><img src="{{ STATIC_URL }}img/gmurgb.png" class="gmu-logo"></a>
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
<p class="footer-text">A project of <a href="http://srct.gmu.edu">GMU SRCT</a>. <a href="http://opensource.org/licenses/MIT/">Some rights reserved</a>. &nbsp; &nbsp; | &nbsp; &nbsp; George Mason University <a href="http://dining.gmu.edu/">Dining Services</a> &nbsp; &nbsp; &nbsp; &nbsp;</p> <p class="footer-text">A project of <a href="http://srct.gmu.edu">GMU SRCT</a>. <a href="http://opensource.org/licenses/MIT/">Some rights reserved</a>.<span id="footer-line">&nbsp;&nbsp;|&nbsp;&nbsp;</span><br class="visible-xs visible-sm"/> George Mason University <a href="http://dining.gmu.edu/">Dining Services</a>&nbsp;&nbsp;&nbsp; &nbsp;</p>
</div> </div>
<div class="col-md-2">
<a class="gmu-brand" href="http://www.gmu.edu"><img src="{{ STATIC_URL }}img/gmurgb.png" class="gmu-logo"></a>
</div>
</div> </div>
</div> </div>
</div> </div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment