mobile order change

supernord · Mar 21, 2022 · 832e6a8 · 832e6a8
1 parent 25851fd
commit 832e6a8
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -8,20 +8,20 @@
         <!-- Content Row -->
         <div class="row gx-0 gx-lg-5">
             <!-- Sidebar Column -->
-            <div class="col-lg-3">
+            <div class="col-lg-3 sidebar-col">
                 {%- unless page.hide_sidebar %}
                 {% include sidebar.html %}
                 {%- else %}
                 <h3>News</h3>
                 {% include news.html limit=3 %}
-                <small>For more news please visit our <a href="{{'/project/news' | relative_url }}">news page</a>.</small>
-                <h3 class="mt-5">Events</h3>
+                <p><small>For more news please visit our <a href="{{'/project/news' | relative_url }}">news page</a>.</small></p>
+                <h3 class="mt-5 content-col">Events</h3>
                 {% include events.html event_type="upcoming_event" truncate="true" %}
-                <small>See the full list of events, including past events, on the <a href="{{'/project/events' | relative_url }}">events</a> page.</small>
+                <p><small>See the full list of events, including past events, on the <a href="{{'/project/events' | relative_url }}">events</a> page.</small></p>
                 {%- endunless %}
             </div>
             <!-- Content Column -->
-            <div class="col-lg-9">
+            <div class="col-lg-9 order-1">
                 {{content}}
             </div>
         </div>

diff --git a/_sass/_custom_classes.scss b/_sass/_custom_classes.scss
@@ -33,4 +33,14 @@
 .events > ul > li,
 .news > ul > li {
     margin: 10px 0px;
+}
+
+/*-----Custom landing page-----*/
+@media (max-width: 992px) {
+.sidebar-col {
+    order: 2;
+}
+.content-col {
+    order: 1;
+}
 }