corrected navbar on small devices 3

reveurguy · reveurguy · commit ad210aae8f1f · 2020-09-25T14:31:41.000Z
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -140,18 +140,22 @@ background-attachment: fixed !important;
   flex-grow: 1;
 }
 @media screen and (max-width: 450px) {
-    .brandShow {
-      display:none;
-    }
 	.navbar-brand
 	{
 		margin-right:0;
+		font-size: 2rem !important;
 	}
 }
-@media screen and (min-width: 768px) and (max-width: 990px)
+@media screen and (max-width: 990px)
+{
+	.brandShow {
+      display:none;
+    }
+}
+@media screen and (min-width: 700px) and (max-width: 990px)
 {
 	.navbar-header
 	{
-		margin-left: 15rem;
+		margin-left: 50&;
 	}
 }

Original file line number	Diff line number	Diff line change
`@@ -140,18 +140,22 @@ background-attachment: fixed !important;`
`140`	`140`	`flex-grow: 1;`
`141`	`141`	`}`
`142`	`142`	`@media screen and (max-width: 450px) {`
`143`		`- .brandShow {`
`144`		`- display:none;`
`145`		`- }`
`146`	`143`	`.navbar-brand`
`147`	`144`	`{`
`148`	`145`	`margin-right:0;`
	`146`	`+ font-size: 2rem !important;`
`149`	`147`	`}`
`150`	`148`	`}`
`151`		`-@media screen and (min-width: 768px) and (max-width: 990px)`
	`149`	`+@media screen and (max-width: 990px)`
	`150`	`+{`
	`151`	`+ .brandShow {`
	`152`	`+ display:none;`
	`153`	`+ }`
	`154`	`+}`
	`155`	`+@media screen and (min-width: 700px) and (max-width: 990px)`
`152`	`156`	`{`
`153`	`157`	`.navbar-header`
`154`	`158`	`{`
`155`		`- margin-left: 15rem;`
	`159`	`+ margin-left: 50&;`
`156`	`160`	`}`
`157`	`161`	`}`