Merge pull request #1414 from CuBoulder/issue/1407

Responsive menus in the below content regions
CuBoulder · Oct 22, 2024 · ba69a1d · ba69a1d
2 parents 0f3870a + 5849838
commit ba69a1d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/css/layout-builder-styles.css b/css/layout-builder-styles.css
@@ -231,7 +231,7 @@
   text-decoration: none;
 }
 
-.ucb-bootstrap-layout-section .column, .ucb-sidebar {
+.ucb-bootstrap-layout-section .column, .ucb-sidebar, .ucb-above-content-region .block, .ucb-below-content-region .block {
   --bs-gutter-y: 3rem;
   margin-top: calc(var(--bs-gutter-y)* .5);
   margin-bottom: calc(var(--bs-gutter-y)* .5);
@@ -251,7 +251,7 @@
   margin-bottom: 0;
 }
 
-.ucb-bootstrap-layout-section .column .block, .ucb-sidebar .block {
+.ucb-bootstrap-layout-section .column .block, .ucb-sidebar .block, .ucb-above-content-region .block, .ucb-below-content-region .block  {
   --bs-gutter-y: 3rem;
   padding-top: calc(var(--bs-gutter-y) * .5);
   padding-bottom: calc(var(--bs-gutter-y) * .5);
@@ -263,7 +263,7 @@
   padding-bottom: 0;
 }
 
-.ucb-bootstrap-layout-section .column .block:last-child, .ucb-sidebar .block:last-child {
+.ucb-bootstrap-layout-section .column .block:last-child, .ucb-sidebar .block:last-child, .ucb-above-content-region .block:last-child, .ucb-below-content-region .block:last-child {
   margin-bottom: 0
 }
 

diff --git a/css/ucb-menu.css b/css/ucb-menu.css
@@ -477,6 +477,7 @@ width: fit-content;
 .ucb-menu-column-wrapper {
   display: flex;
   flex-direction: row;
+  flex-wrap: wrap;
 }
 
 @media only screen and (max-width: 767px) {