# Warenkorb on mobile verschwunden

**URL:** <https://forum.shopware.com/t/warenkorb-on-mobile-verschwunden/35251>\
**Category:** Themes & Design\
**Created:** [13. März 2016 um 13:38 UTC](https://forum.shopware.com/t/warenkorb-on-mobile-verschwunden/35251 "2016-03-13T13:38:06Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![wienerpresswerk](https://avatars.discourse-cdn.com/v4/letter/w/2acd7d/32.png) [@wienerpresswerk](https://forum.shopware.com/u/wienerpresswerk)\
**Post date:** [13. März 2016 um 13:38 UTC](https://forum.shopware.com/t/warenkorb-on-mobile-verschwunden/35251/1 "2016-03-13T13:38:06Z")

</div>

Hallo Leute,

&nbsp;

Ich hab mir die Links für Warenkorb und Konto in die Topbar verschoben wie in diesem Artikel:

> **[Shopware-Beispiel: Merkzettel in die Top-Navigation](https://www.varia-creare.de/shopware-praxisbeispiel-merkzettel-konto-und-warenkorb-in-die-top-navigation-verschieben/)**
>
> Shopware Tutorial: Merkzettel, Mein Konto und Warenkorb in die Top-Navigation (neben Service/Hilfe) verschieben. Ein beispiel aus der Shopware-Praxis

Leider sind die dadurch auf den viewports unter Tablet komplett verschwunden.

Wer hat eine Idee, wie ich die wieder sichtbar machen kann?

Jeder Tip willkommen 😉

Und danke bei der Gelegenheit für dieses phantastische Forum!

Link zur Baustelle: [http://bau.creativfashion.at](http://bau.creativfashion.at)

&nbsp;

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\
**Post date:** [13. März 2016 um 13:43 UTC](https://forum.shopware.com/t/warenkorb-on-mobile-verschwunden/35251/2 "2016-03-13T13:43:00Z")

</div>

> [@wienerpresswerk schrieb:](https://forum.shopware.com/profile/23153/wienerpresswerk "wienerpresswerk")
> 
> Hallo Leute,
> 
> &nbsp;
> 
> Ich hab mir die Links für Warenkorb und Konto in die Topbar verschoben wie in diesem Artikel:
> 
> [http://www.varia-creare.de/shopware-praxisbeispiel-merkzettel-konto-und-warenkorb-in-die-top-navigation-verschieben/](http://www.varia-creare.de/shopware-praxisbeispiel-merkzettel-konto-und-warenkorb-in-die-top-navigation-verschieben/)
> 
> Leider sind die dadurch auf den viewports unter Tablet komplett verschwunden.
> 
> Wer hat eine Idee, wie ich die wieder sichtbar machen kann?
> 
> Jeder Tip willkommen 😉
> 
> Und danke bei der Gelegenheit für dieses phantastische Forum!
> 
> Link zur Baustelle: [http://bau.creativfashion.at](http://bau.creativfashion.at)

Hallo,

der Lösungsvorschlag genau für das Problem steht doch aber schon bei den Kommentaren vom Author selbst:

**Oliver Kasper**

_26. Januar 2016 at 14:48_

Wenn der Warenkorb eingeblendet bleiben soll, muss man das Ganze etwas umstrukturieren.  
Entweder, man legt einen weiteren Container an, der den Warenkorb enthält und nur bei Mobile angezeigt wird (mittels media-querys), oder man blendet nicht die ganze top-bar aus, sondern nur die Elemente, die bei Mobile nicht angezeigt werden sollen. Das ließe sich dann komplett über LESS/CSS lösen.

Beste Grüße

Sebastian

---

<div class="post-metadata">

**Author:** ![wienerpresswerk](https://avatars.discourse-cdn.com/v4/letter/w/2acd7d/32.png) [@wienerpresswerk](https://forum.shopware.com/u/wienerpresswerk)\
**Post date:** [13. März 2016 um 18:54 UTC](https://forum.shopware.com/t/warenkorb-on-mobile-verschwunden/35251/3 "2016-03-13T18:54:53Z")

</div>

Du hast recht - hatte ich übersehen.

Lösung; shop-navigation unangetastet lasse, topbar bearbeiten wie beschrieben

dann in header.less:

&nbsp;

@media screen and (min-width: @tabletViewportWidth) { // View für Tablets und Desktops  
.header-main {  
&nbsp;&nbsp; &nbsp;.navigation–list {  
&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;display: none;  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}  
&nbsp;&nbsp; &nbsp;.logo-main {  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;.logo–link {  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;.unitize-height(176, 16); // 50 auf eure Höhe anpassen  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;.unitize-width(600);  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;.logo–shop {  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;.unitize-height(176, 16); // 50 auf eure Höhe anpassen  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;.unitize-width(600);  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}  
&nbsp;&nbsp; &nbsp;}  
}&nbsp;&nbsp; &nbsp;

&nbsp;

(in diesem Fall MIT meiner Anpassung fürs Logo - ggf. löschen)

&nbsp;