Skip to content

Commit 87c2cf9

Browse files
committed
tweak wording
1 parent eb6cba3 commit 87c2cf9

File tree

1 file changed

+1
-1
lines changed
  • app/views/design-system/components/header

1 file changed

+1
-1
lines changed

app/views/design-system/components/header/index.njk

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -129,12 +129,12 @@
129129

130130
<h4>How to use</h4>
131131
<p>Account information and links can be used with the other header features, for example service name and search. However, keep the number of items in the header to a minimum.</p>
132+
<p>By default, account links drop below the logo and service name on small screens. If there is enough space available, you can keep the account section inline by adding the <code>nhsuk-header--inline</code> class to the <code>nhsuk-header</code>. This will depend on the length of your service name and account links.</p>
132133
<p>When allowing users to log in to your service, make sure you have a visible service name, so that they know which system they are logging in to.</p>
133134

134135
<h4>Using account information and links</h4>
135136
<p>You can add multiple items to the account information and links section, such as the logged-in user's name and role. Items can be links or just plain text information.</p>
136137
<p>Keep the number of links to a minimum. If you have more than 3 account links, consider combining functions and putting them on a separate page. For example, an account settings page could include actions like change name, change role and reset password. Test with users so you know which combination of items best meets their needs.</p>
137-
<p>By default, account links drop below the logo and service name on small screens. If you only need 1 account link, for example log out, you may be able to display it inline with the logo and service name. This will depend on the length of your service name, shorter names provide space to position an account link inline. You can try this by adding the <code>nhsuk-header--inline</code> class to the <code>nhsuk-header</code>.</p>
138138
<p>If you use a log out link, put it last in the list, showing top right on desktop screens and last on small screens. If you put log out and other account actions on a separate page, show the log out link last.</p>
139139

140140
<h4>User information</h4>

0 commit comments

Comments
 (0)