# Mobile und Desktop getrennt ansprechen

**URL:** <https://forum.shopware.com/t/mobile-und-desktop-getrennt-ansprechen/35423>\
**Category:** Themes & Design\
**Created:** [21. März 2016 um 10:29 UTC](https://forum.shopware.com/t/mobile-und-desktop-getrennt-ansprechen/35423 "2016-03-21T10:29:27Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![hidden-taste](https://avatars.discourse-cdn.com/v4/letter/h/eb8c5e/32.png) [@hidden-taste](https://forum.shopware.com/u/hidden-taste)\
**Post date:** [21. März 2016 um 10:29 UTC](https://forum.shopware.com/t/mobile-und-desktop-getrennt-ansprechen/35423/1 "2016-03-21T10:29:27Z")

</div>

Hallo Shopware-Community,

ich versuche mein Warenkorbsymbol etwas nach links zu schieben und habe über Firebug auch das richtige Theme raus bekommen. Jedoch würde ich den Befehl gerne nur für das Mobile-Device bzw. den Desktop ausführen, wenn ich jedoch das folgende eingebe, übernimmt er es nicht. Wenn ich den ersten Befehl in meinem Theme ( @media (min-width: 769px){ ) weglasse dann übernimmt er es für beide.

@media (min-width: 769px){  
.header-main .header–navigation .shop–navigation .navigation–list .navigation–entry.entry–cart .btn i {  
&nbsp;&nbsp;&nbsp; left: 150px;  
}

Was muss ich tun damit ich getrennt Handy und Desktop anspreche.

Besten Dank

Johannes

---

<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:** [21. März 2016 um 10:33 UTC](https://forum.shopware.com/t/mobile-und-desktop-getrennt-ansprechen/35423/2 "2016-03-21T10:33:30Z")

</div>

dein medien-typ fehlt. @media **all&nbsp;** and (min…)

[EDIT] WTF das geht ja auch ohne. man lernt nie aus. Sorry für die falsche Hilfe.

---

<div class="post-metadata">

**Author:** ![steinsoftware](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@steinsoftware](https://forum.shopware.com/u/steinsoftware)\
**Post date:** [21. März 2016 um 10:35 UTC](https://forum.shopware.com/t/mobile-und-desktop-getrennt-ansprechen/35423/3 "2016-03-21T10:35:04Z")

</div>

Nutz doch auch die View Variablen:

[https://developers.shopware.com/styletile/\_variables-structure.html](https://developers.shopware.com/styletile/_variables-structure.html)

---

<div class="post-metadata">

**Author:** ![hidden-taste](https://avatars.discourse-cdn.com/v4/letter/h/eb8c5e/32.png) [@hidden-taste](https://forum.shopware.com/u/hidden-taste)\
**Post date:** [21. März 2016 um 11:09 UTC](https://forum.shopware.com/t/mobile-und-desktop-getrennt-ansprechen/35423/4 "2016-03-21T11:09:40Z")

</div>

Danke für eure Antworten.

Wenn ich das so eingebe:

@phoneLandscapeViewportWidth: 30em;&nbsp;&nbsp;&nbsp;&nbsp; // 480px  
.header-main .header–navigation .shop–navigation .navigation–list .navigation–entry.entry–cart i {  
&nbsp;&nbsp;&nbsp; left: 105px !important;  
}

Dann übernimmt er das für beides.

Ne Idee?

---

<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:** [21. März 2016 um 11:18 UTC](https://forum.shopware.com/t/mobile-und-desktop-getrennt-ansprechen/35423/5 "2016-03-21T11:18:07Z")

</div>

Cache gelöscht und neu kompiliert?

---

<div class="post-metadata">

**Author:** ![hidden-taste](https://avatars.discourse-cdn.com/v4/letter/h/eb8c5e/32.png) [@hidden-taste](https://forum.shopware.com/u/hidden-taste)\
**Post date:** [21. März 2016 um 11:21 UTC](https://forum.shopware.com/t/mobile-und-desktop-getrennt-ansprechen/35423/6 "2016-03-21T11:21:26Z")

</div>

Jup, sogar in der richtigen Reihenfolge 😉

---

<div class="post-metadata">

**Author:** ![hidden-taste](https://avatars.discourse-cdn.com/v4/letter/h/eb8c5e/32.png) [@hidden-taste](https://forum.shopware.com/u/hidden-taste)\
**Post date:** [21. März 2016 um 12:04 UTC](https://forum.shopware.com/t/mobile-und-desktop-getrennt-ansprechen/35423/7 "2016-03-21T12:04:22Z")

</div>

Keine Ahnung warum aber @media screen and (min-width: @tabletViewportWidth) { // View für Tablets und Desktops

war die Lösung!

Besten Dank an alle