set a min height for site header in mobile view

[ryf-theme.git] / css / style.css

diff --git a/css/style.css b/css/style.css
index 5cd216901f62f3d53e8a90b8ba34268ee19e0363..96ff2a3e4047f61e1928b8cb54b647c48807aa96 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -197,15 +197,17 @@
     top: 30px;
   }
 
+  .region-navigation-collapsible .search-block-form {
+    float: right;
+    width: 210px;
+  }
+
 }
 
 @media screen and (max-width: 767px) {
   #block-ryf-main-menu .navbar-nav { max-width: 130px; }
-}
 
-.region-navigation-collapsible .search-block-form {
-  float: right;
-  width: 210px;
+  #navbar-collapse { min-height: 260px; }
 }
 
 @media screen and (min-width: 768px) {
@@ -718,7 +720,11 @@
   }
 
   .page-node-type-product .product .field--name-body,
-  .page-node-type-product .product .field--name-field-product-announcement {
+  .page-node-type-product .product .field--name-field-product-announcement,
+  .page-node-type-product .product .field--name-field-vendor-product-link,
+  .page-node-type-product .product .field--name-field-certification-details,
+  .page-node-type-product .product .field--name-field-certification-date,
+  .page-node-type-product .product .field--name-field-source-code-links {
     clear: both;
   }
 }