remove ability to be optionally responsive

ONSdigital · Feb 12, 2021 · 4c10392 · 4c10392
1 parent 2140cab
commit 4c10392
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 23 deletions.
diff --git a/src/components/header/_header.scss b/src/components/header/_header.scss
@@ -163,17 +163,14 @@
       fill: #00205c;
     }
   }
-
-  &__top-logo-responsive > {
-    .header__logo--large {
-      @include mq(xxs, 399px) {
-        display: none;
-      }
+  .header__logo--large {
+    @include mq(xxs, 399px) {
+      display: none;
     }
-    .header__logo--small {
-      @include mq(400px) {
-        display: none;
-      }
+  }
+  .header__logo--small {
+    @include mq(400px) {
+      display: none;
     }
   }
 

diff --git a/src/components/header/_macro.njk b/src/components/header/_macro.njk
@@ -19,7 +19,7 @@
             <div class="container{{ ' container--full-width' if params.fullWidth }}{{ ' container--wide' if params.wide }}">
                 <div class="header__grid-top grid grid--gutterless grid--flex grid--between grid--vertical-center grid--no-wrap {{ 'header__grid-top-' + params.customHeaderLogo if params.customHeaderLogo }}">
 
-                    <div class="grid__col col-auto{% if params.mobileLogo is defined and params.mobileLogo %} header__top-logo-responsive{% endif %}">
+                    <div class="grid__col col-auto">
                         <div class="header__logo--large">
                             {% if params.logoHref is defined and params.logoHref %}<a class="header__logo-link" href="{{ params.logoHref }}">{% endif %}
                             {{
@@ -30,18 +30,16 @@
                             }}
                             {% if params.logoHref is defined and params.logoHref %}</a>{% endif %}
                         </div>
-                        {% if params.mobileLogo is defined and params.mobileLogo %}
-                            <div class="header__logo--small">
-                                {% if params.logoHref is defined and params.logoHref %}<a class="header__logo-link" href="{{ params.logoHref }}">{% endif %}
-                                {{
-                                    onsIcon({
-                                        "icon": params.mobileLogo | default('ons-logo-stacked-' + currentLanguageISOCode),
-                                        "altText": params.logoAlt | default('Office for National Statistics logo')
-                                    })
-                                }}
-                                {% if params.logoHref is defined and params.logoHref %}</a>{% endif %}
-                            </div>
-                        {% endif %}
+                        <div class="header__logo--small">
+                            {% if params.logoHref is defined and params.logoHref %}<a class="header__logo-link" href="{{ params.logoHref }}">{% endif %}
+                            {{
+                                onsIcon({
+                                    "icon": params.mobileLogo | default('ons-logo-stacked-' + currentLanguageISOCode),
+                                    "altText": params.logoAlt | default('Office for National Statistics logo')
+                                })
+                            }}
+                            {% if params.logoHref is defined and params.logoHref %}</a>{% endif %}
+                        </div>
                     </div>
 
                     {% if params.language is defined and params.language or params.serviceLinks is defined and params.serviceLinks %}