# Menü Bar Kategorienamen Zeilenumbruch

**URL:** <https://forum.shopware.com/t/menu-bar-kategorienamen-zeilenumbruch/50715>\
**Category:** Themes & Design\
**Created:** [27. Januar 2018 um 01:58 UTC](https://forum.shopware.com/t/menu-bar-kategorienamen-zeilenumbruch/50715 "2018-01-27T01:58:45Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sibbi](https://avatars.discourse-cdn.com/v4/letter/s/cc9497/32.png) [@Sibbi](https://forum.shopware.com/u/Sibbi)\
**Post date:** [27. Januar 2018 um 01:58 UTC](https://forum.shopware.com/t/menu-bar-kategorienamen-zeilenumbruch/50715/1 "2018-01-27T01:58:45Z")

</div>

Hallo liebes Forum,

leider musste ich tagelang vergeblich suchen und trotzdem habe ich bis dato keine passende Antwort finden können.

Ich denke das ganze ich schneller und einfacher erledigt als erklärt.

Wie ich oben stehen habe, möchte ich die Box in der Navigation “verkleinern”, sodass, wenn ich einen etwas längeren Kategorienamen oder mehrere Begriffe eingebe, die Box automatisch einen Umbruch machen. Die Navigation ist dann quasi in zwei Zeilen aufgebaut.

Hoffe das ist irgendwie machbar.&nbsp;

Freundliche Grüße.

&nbsp;

---

<div class="post-metadata">

**Author:** ![Sibbi](https://avatars.discourse-cdn.com/v4/letter/s/cc9497/32.png) [@Sibbi](https://forum.shopware.com/u/Sibbi)\
**Post date:** [28. Januar 2018 um 09:34 UTC](https://forum.shopware.com/t/menu-bar-kategorienamen-zeilenumbruch/50715/2 "2018-01-28T09:34:35Z")

</div>

Niemand eine Idee ?

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [28. Januar 2018 um 10:16 UTC](https://forum.shopware.com/t/menu-bar-kategorienamen-zeilenumbruch/50715/3 "2018-01-28T10:16:17Z")

</div>

Was du suchst ist wordwrap. Das kannst du entweder mit Smarty machen&nbsp;oder CSS .CSS ist die bessere Wahl.&nbsp;

---

<div class="post-metadata">

**Author:** ![Sibbi](https://avatars.discourse-cdn.com/v4/letter/s/cc9497/32.png) [@Sibbi](https://forum.shopware.com/u/Sibbi)\
**Post date:** [28. Januar 2018 um 16:08 UTC](https://forum.shopware.com/t/menu-bar-kategorienamen-zeilenumbruch/50715/4 "2018-01-28T16:08:02Z")

</div>

> [@brettvormkopp schrieb:](https://forum.shopware.com/profile/6611/brettvormkopp "brettvormkopp")
> 
> Was du suchst ist wordwrap. Das kannst du entweder mit Smarty machen&nbsp;oder CSS .CSS ist die bessere Wahl.&nbsp;

Kannst du mir genauer erklären wie ich das mache?&nbsp;

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [28. Januar 2018 um 21:27 UTC](https://forum.shopware.com/t/menu-bar-kategorienamen-zeilenumbruch/50715/5 "2018-01-28T21:27:39Z")

</div>

z.B. in dem du dem span element in der Navigation das hier machen lässt:&nbsp;

```
width: 50px;
display: inline-block;
word-wrap: break-word;
white-space: initial;

```

&nbsp;