Merge pull request #4498 from alphagov/header-float

Fix header product name wrapping onto new line
alphagov · Dec 5, 2023 · 8c8891a · 8c8891a
2 parents 44e718c + a705245
commit 8c8891a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/packages/govuk-frontend-review/src/views/full-page-examples/service-manual-topic/index.njk b/packages/govuk-frontend-review/src/views/full-page-examples/service-manual-topic/index.njk
@@ -16,6 +16,12 @@ notes: The links within each section are not functional.
 {% set pageTitle = "Technology - Service Manual" %}
 {% block pageTitle %}{{ pageTitle }} - GOV.UK{% endblock %}
 
+{% block header %}
+  {{ govukHeader({
+    productName: "Service Manual"
+  }) }}
+{% endblock %}
+
 {% block beforeContent %}
   {{ govukBreadcrumbs({
     items: [

diff --git a/packages/govuk-frontend/src/govuk/components/header/_index.scss b/packages/govuk-frontend/src/govuk/components/header/_index.scss
@@ -168,6 +168,13 @@
       padding-right: $govuk-gutter-half;
       float: left;
       vertical-align: top;
+
+      // Reset float when logo is the last child, without a navigation
+      &:last-child {
+        width: auto;
+        padding-right: 0;
+        float: none;
+      }
     }
   }