Responsive jumbotron img in Firefox

nadineproject · Dec 30, 2016 · 33de3a5 · 33de3a5
1 parent 638ccbf
commit 33de3a5
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 28 deletions.
diff --git a/members/static/css/members.css b/members/static/css/members.css
@@ -126,19 +126,6 @@ p {
 	background-color: RGBA(66, 98, 113, 1);
 }
 
-/*@-moz-document url-prefix() {
-    #jumbo-img {
-        width: 100%;
-        max-width: 100%;
-    }
-}
-
-@media screen and (-webkit-min-device-pixel-ratio:0) {
-     #jumbo-img {
-        max-width: 100%;
-    }
-}*/
-
 .side-nav {
 	background-color: RGBA(80, 80, 80, 1);
 	padding-top: 2%;
@@ -178,26 +165,12 @@ p {
 }
 
 #jumbo-img {
-	content: url(../img/jumbo.png);
 	width: 100%;
 	margin: 0;
 	padding: 0;
 	box-sizing: border-box;
 }
 
-#jumbo-img:after {
-	/*for firefox*/
-	content: url(../img/jumbo.png);
-	/*width: 100%;
-	margin: 0;
-	padding: 0;
-	box-sizing: border-box;*/
-}
-
-@-moz-document url-prefix() {
-  #jumbo-img { width: 100%; max-width: -moz-max-content; }
-}
-
 #logo {
 	float: left;
 	padding-left: 1%;

diff --git a/members/templates/members/home.html b/members/templates/members/home.html
@@ -14,7 +14,7 @@
 
 {% block top_nav %}
 	<div id='jumbotron'>
-		<img id='jumbo-img'/>
+		<img id='jumbo-img' src="{% static 'img/jumbo.png' %}"/>
 		<div id='logo'>
 			<a href="#"><img class='logo-img' src='{% static "img/logo.png" %}'/></a>
 		</div>