Fix mobile hr on front page

2015-01-11 18:01:15 -05:00
parent 0bf8d2847d
commit 80b4703b82
3 changed files with 10 additions and 6 deletions
--- a/css/main.css
+++ b/css/main.css
@@ -158,13 +158,17 @@ img { width: auto; max-width: 100%; height: auto; }
 .hide-mobile {
  display: none;
 }
-.hide-desktop {
-  display: initial;
+.hide-desktop-inline-block {
+  display: inline-block;
+}
+.hide-desktop-block {
+  display: block;
 }

@media (min-width: 40rem) {
  .hide-desktop { display: none }
-  .hide-mobile { display: initial }
+  .hide-mobile-inline-block { display: inline-block }
+  .hide-mobile-block { display: block }
 }

 /*****************************************************************************/