Added mobile friendly-ness

static/main/css/index.css

@@ -17,6 +17,10 @@
     font-style: normal;
 }
 
+body {
+    overflow-y: scroll;
+}
+
 hr {
     border-top: 1px solid #377DBD !important;
 }

templates/base.html

@@ -26,14 +26,16 @@
 {% csrf_token %}
 <!-- Navbar -->
 <nav class="navbar navbar-expand-lg navbar-light bg-white py-4">
-    <div class="container">
         <a class="navbar-brand text-dark-primary" href="{% url 'home' %}">
             <img src="{% static 'main/img/logo.png' %}" width="30" height="30" class="d-inline-block align-top" alt="">
-            <div class="d-inline-block">
+            <div class="d-none d-sm-inline-block">
                 ONTARIO ASSOCIATION OF
                 <br>
                 CHILD PROTECTION LAWYERS
             </div>
+            <div class="d-inline-block d-sm-none">
+                OACPL
+            </div>
         </a>
         <div class="collapse navbar-collapse" id="navbarSupportedContent">
             <ul class="navbar-nav ml-auto">
@@ -66,8 +68,7 @@
                 {% endif %}
             </ul>
         </div>
-    </div>
+    <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
-    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
             aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
     </button>