# Hintergrundbild in mobiler Ansicht ausblenden

**URL:** https://forum.shopware.com/t/hintergrundbild-in-mobiler-ansicht-ausblenden/28161
**Category:** Themes & Design
**Created:** [16. Juni 2015 um 10:25 UTC](https://forum.shopware.com/t/hintergrundbild-in-mobiler-ansicht-ausblenden/28161 "2015-06-16T10:25:51Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Fragestellerin](https://avatars.discourse-cdn.com/v4/letter/f/96bed5/32.png) [@Fragestellerin](https://forum.shopware.com/u/Fragestellerin)
#### Post date: [16. Juni 2015 um 10:25 UTC](https://forum.shopware.com/t/hintergrundbild-in-mobiler-ansicht-ausblenden/28161/1 "2015-06-16T10:25:51Z")

</div>

Hallo, Ich habe im Breadcrumb ein Hintergrundbild eingefügt. Nun möchte ich aber, dass dieses in der Mobilen Ansicht ausgeblendet wird. Leider bin ich noch nicht so fit in less programmierung. Wie sollte hier der entsprechende Befehl lauten? Bitte um Hilfe. Sonja

---

<div class="post-metadata">

### Author: ![Fragestellerin](https://avatars.discourse-cdn.com/v4/letter/f/96bed5/32.png) [@Fragestellerin](https://forum.shopware.com/u/Fragestellerin)
#### Post date: [22. Juni 2015 um 12:51 UTC](https://forum.shopware.com/t/hintergrundbild-in-mobiler-ansicht-ausblenden/28161/2 "2015-06-22T12:51:28Z")

</div>

kann mir wirklich niemand helfen?

---

<div class="post-metadata">

### Author: ![Tanny](https://avatars.discourse-cdn.com/v4/letter/t/dfb087/32.png) [@Tanny](https://forum.shopware.com/u/Tanny)
#### Post date: [22. Juni 2015 um 12:59 UTC](https://forum.shopware.com/t/hintergrundbild-in-mobiler-ansicht-ausblenden/28161/3 "2015-06-22T12:59:59Z")

</div>

Dann müsstest in der passenden .less-Datei dein Hintergrundbild in folgendem Code einfügen: `@media screen and (min-width: @tabletViewportWidth) { dein code für das hintergrundbild... } `

---

<div class="post-metadata">

### Author: ![Fragestellerin](https://avatars.discourse-cdn.com/v4/letter/f/96bed5/32.png) [@Fragestellerin](https://forum.shopware.com/u/Fragestellerin)
#### Post date: [22. Juni 2015 um 13:14 UTC](https://forum.shopware.com/t/hintergrundbild-in-mobiler-ansicht-ausblenden/28161/4 "2015-06-22T13:14:48Z")

</div>

Hallo Tanny, ich habe eine breadcrumb.less angelegt und diese Zeile eingefügt: .content–breadcrumb { background:url(’…/…/img/brot-mann.png’) no-repeat; } Ich habe es nun so versucht: @media screen and (min-width: @tabletViewportWidth){ .content–breadcrumb { background:url(’…/…/img/brot-mann.png’) no-repeat; } } das hat leider nichts geholfen… Sonja

---

<div class="post-metadata">

### Author: ![Neox](https://avatars.discourse-cdn.com/v4/letter/n/b5a626/32.png) [@Neox](https://forum.shopware.com/u/Neox)
#### Post date: [22. Juni 2015 um 13:17 UTC](https://forum.shopware.com/t/hintergrundbild-in-mobiler-ansicht-ausblenden/28161/5 "2015-06-22T13:17:59Z")

</div>

Hallo, du musst in deinem eigenem Theme eine all.less erstellen, in dieser Importierst du dann deine breadcrump.less. zu deinem Code: `@media screen and (min-width: @tabletViewportWidth){ .content--breadcrumb { background:url('../../img/brot-mann.png') no-repeat; } }` nur diesen musst du einfügen. Das ganze bewirkt, das ab der Tablet-Größe der Code wirksam ist. Bei Mobilgeräten wird dann das Hintergrundbild nicht angezeigt.

---

<div class="post-metadata">

### Author: ![Fragestellerin](https://avatars.discourse-cdn.com/v4/letter/f/96bed5/32.png) [@Fragestellerin](https://forum.shopware.com/u/Fragestellerin)
#### Post date: [22. Juni 2015 um 13:29 UTC](https://forum.shopware.com/t/hintergrundbild-in-mobiler-ansicht-ausblenden/28161/6 "2015-06-22T13:29:06Z")

</div>

Viiieeeelen Dank!!! Nun klappts:))
