# Nav wrapping in small window with long translations of "login"

**URL:** <https://meta.discourse.org/t/nav-wrapping-in-small-window-with-long-translations-of-login/31826>\
**Category:** Feature\
**Created:** [6 Agosto, 2015 11:30 UTC](https://meta.discourse.org/t/nav-wrapping-in-small-window-with-long-translations-of-login/31826 "2015-08-06T11:30:55Z")\
**Posts on this page:** 1\
**Showing post:** 10

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [7 Agosto, 2015 06:24 UTC](https://meta.discourse.org/t/nav-wrapping-in-small-window-with-long-translations-of-login/31826/10 "2015-08-07T06:24:15Z")

</div>

More specifically, now that I am not on an iPad but in front of a real computer, these CSS rules already exist, so you can amend them or add to them in Admin, Customize, CSS/HTML:

```plaintext
.d-header button.login-button {
    margin-left: 7px;
    max-width: 75px;
    white-space: nowrap;
}

```

here we set a max width on `login-button` and indicate the text should not wrap to the next line.

```plaintext
.d-header #site-logo {
    max-width: 125px;
}

```

there is already a max-width specified for the mobile logo CSS, so you can make it smaller as needed with a CSS override.

---

_[View the full topic](https://meta.discourse.org/t/nav-wrapping-in-small-window-with-long-translations-of-login/31826)._