Sensible responsiveness for tiny images titles

diff --git a/css/app.css b/css/app.css
index d147d23..9dd9db0 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7026,6 +7026,12 @@ h2#block-title {
   #gallery-glmphotos-light-3 .photoTitle a:hover, #gallery-glmphotos-light-5 .photoTitle a:hover {
     text-decoration: none; }
 
+#gallery-glmphotos-light-5 a {
+  font-size: 14px; }
+@media only screen and (max-width: 40em) {
+  #gallery-glmphotos-light-5 .photoTitle {
+    display: none; } }
+
 /* End styles for specific templates*/
 .gform_wrapper ul li.gfield {
   clear: none !important;

diff --git a/scss/plugins/_nextgen.scss b/scss/plugins/_nextgen.scss
index f9bab46..f056bba 100644 (file)
--- a/scss/plugins/_nextgen.scss
+++ b/scss/plugins/_nextgen.scss
@@ -369,4 +369,16 @@
     
 }
 
+// gallery-glmphotos-light-5
+#gallery-glmphotos-light-5 {
+    a {
+        font-size: 14px;
+    }
+    @media #{$small-only} {
+        .photoTitle {
+            display: none;
+        }
+    }
+}
+
 /* End styles for specific templates*/