fix support for blog on mobile

GrafeasGroup · Jun 18, 2021 · ecc6882 · ecc6882
1 parent 82a61ed
commit ecc6882
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/blossom/templates/website/partials/navbar.partial b/blossom/templates/website/partials/navbar.partial
@@ -4,16 +4,17 @@
 <nav class="navbar navbar-expand-lg navbar-light" style="background-color: #eae4da;">
     <div class="container-fluid">
         {% if 'engineering' in request.path or post.engineeringblogpost %}
-        <a class="navbar-brand" href="{% url 'blog_index' %}">
+            <a class="navbar-brand" href="{% url 'blog_index' %}">
         {% else %}
             <a class="navbar-brand" href="{% url 'homepage' %}">
         {% endif %}
-            <img src="{% static 'images/logo.svg' %}" width="30px" id="navbar-logo" alt="Logo">
-            {% if 'engineering' in request.path or post.engineeringblogpost %}
-                Grafeas Group Engineering
-            {% else %}
-                Grafeas Group
-            {% endif %}
+        <img src="{% static 'images/logo.svg' %}" width="30px" id="navbar-logo" alt="Logo">
+        {% if 'engineering' in request.path or post.engineeringblogpost %}
+            <span class="d-sm-none">GG Engineering</span>
+            <span class="d-none d-sm-inline-block">Grafeas Group Engineering</span>
+        {% else %}
+            Grafeas Group
+        {% endif %}
         </a>
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
                 aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">