Sidebar column ordering on NECT theme

necyberteam · Apr 16, 2024 · a4d288b · a4d288b
1 parent 03fb885
commit a4d288b
Showing 1 changed file with 18 additions and 6 deletions.
diff --git a/web/themes/nect-theme/templates/page.html.twig b/web/themes/nect-theme/templates/page.html.twig
@@ -244,7 +244,7 @@
   {% if domain_name != "ccmnet" %}
     <div class="row">
     {% if page.primary_sidebar or page.secondary_sidebar %}
-      <div class="order-3 order-lg-3 col-lg-9 col-12 mx-auto">
+      <div class="order-1 order-lg-2 col-lg-8 col-12 mx-auto">
         {{ page.page_top }}
         {{ page.title_area }}
         {{ page.view_type_buttons }}
@@ -267,10 +267,16 @@
         {{ page.content }}
         {{ page.below_main_content }}
       </div>
-      <div class="order-1 order-lg-1 col-lg-3 col-12 mx-auto">
+      {% if page.primary_sidebar %}
         {{ page.primary_sidebar }}
+        <div class="order-2 order-lg-1 col-lg-4 col-12 mx-auto">
+          {{ page.secondary_sidebar }}
+          {{ page.primary_sidebar }}
+        </div>
+      </div>{% endif %}{% if page.secondary_sidebar %}
+      <div class="order-3 order-lg-3 col-lg-4 col-12 mx-auto">
         {{ page.secondary_sidebar }}
-      </div>
+      </div>{% endif %}
     {% else %}
       <div class="col-12 mx-auto">
         {{ page.page_top }}
@@ -314,7 +320,7 @@
     <div class="container{% if is_front %} main-container mt-3 mt-4{% endif %} py-5">
       <div class="row">
         {% if page.primary_sidebar or page.secondary_sidebar %}
-          <div class="order-3 order-lg-3 col-lg-9 col-12 mx-auto">
+          <div class="order-1 order-lg-2 col-lg-8 col-12 mx-auto">
             {{ page.view_type_buttons }}
             {{ page.drupal_tabs }}
             {{ page.exposed_filters }}
@@ -332,10 +338,16 @@
             {{ page.content }}
             {{ page.below_main_content }}
           </div>
-          <div class="order-1 order-lg-1 col-lg-3 col-12 mx-auto">
+          {% if page.primary_sidebar %}
             {{ page.primary_sidebar }}
+            <div class="order-2 order-lg-1 col-lg-4 col-12 mx-auto">
+              {{ page.secondary_sidebar }}
+              {{ page.primary_sidebar }}
+            </div>
+          </div>{% endif %}{% if page.secondary_sidebar %}
+          <div class="order-3 order-lg-3 col-lg-4 col-12 mx-auto">
             {{ page.secondary_sidebar }}
-          </div>
+          </div>{% endif %}
         {% else %}
           <div class="col-12 mx-auto">
             {{ page.view_type_buttons }}