contents wrap, as overflow in body is ignored on mobile

scc-digitalhub · Mar 26, 2024 · 2d66c1a · 2d66c1a
1 parent 32c6cb3
commit 2d66c1a
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 10 deletions.
diff --git a/_includes/css/agency.css b/_includes/css/agency.css
@@ -583,6 +583,7 @@ section h3.section-subheading {
 }
 
 .team-member img {
+    width: 150px;
     margin: 0 auto;
     border: 7px solid #fff;
 }
@@ -851,6 +852,11 @@ body {
     width: auto;
 }
 
+#page-contents {
+    position: absolute;
+    overflow-x: hidden;
+}
+
 /* For displaying team members horizontally */
 /*
 .team-container {

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -3,16 +3,15 @@
 
   {% include head.html %}
 
-
     <body id="page-top" class="index">
-
-    {% include header.html %}
-    {% include features.html %}
-    {% include about.html %}
-    {% include team.html %}
-    {% include partners.html %}
-    {% include footer.html %}
-    {% include js.html %}
-
+      <div id="page-contents">
+        {% include header.html %}
+        {% include features.html %}
+        {% include about.html %}
+        {% include team.html %}
+        {% include partners.html %}
+        {% include footer.html %}
+        {% include js.html %}
+      </div>
     </body>
 </html>