# Mobile Ansicht Buttons im Header überlappen

**URL:** <https://forum.shopware.com/t/mobile-ansicht-buttons-im-header-uberlappen/58422>\
**Category:** Themes & Design\
**Created:** [6. März 2019 um 12:57 UTC](https://forum.shopware.com/t/mobile-ansicht-buttons-im-header-uberlappen/58422 "2019-03-06T12:57:33Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![JuliM77](https://avatars.discourse-cdn.com/v4/letter/j/51bf81/32.png) [@JuliM77](https://forum.shopware.com/u/JuliM77)\
**Post date:** [6. März 2019 um 12:57 UTC](https://forum.shopware.com/t/mobile-ansicht-buttons-im-header-uberlappen/58422/1 "2019-03-06T12:57:33Z")

</div>

Hi zusammen,

undzwar habe ich ein kleines Problem mit der Mobile Ansicht:

&nbsp;

[![mobile-header](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/3/3ca1244d6c74b0cd1f2fe6a8be825e9b67edf0d2.png)](https://imgbb.com/)

Ich hab mich schon im ganzen Forum nach einer Lösung dazu umgesehen konnte aber leider nichts finden…

Ich hätte die ganzen Buttons am besten gerne rechtsbündig.

Außerdem wird der header komplett linksbündig angezeigt beim drehen des Smartphones:

[![mobile-header2](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/b/b8d80e2e291272f5c86cbf99db2a156756c1e14a.png)](https://ibb.co/Sn9BLKG)

Ich bin für jeden Rat dankbar.

Hier meine header.less falls es hilft:

```
.results--list {
    .box-shadow(none);
}

@media screen and (min-width: @phoneLandscapeViewportWidth) {
  .results--list{
    .border-radius(0);
  }
}
.header-main {
background:#303440;
.container {
background:transparent;
}
}
.header-main {
  // Logo
  .logo-main {
    // Smaller logo for mobile viewports
    .logo--shop {
      .unitize-height(35, 10);
    }
    .logo--link {
      .unitize-height(35, 10);
    }
  }
}
@media screen and (min-width: @tabletViewportWidth) {
  .header-main {
    // Logo
    .logo-main {
      // Bigger logo for tablet viewports
      .logo--shop {
        .unitize-height(80, 16);
      }
      .logo--link {
        .unitize-height(80, 16);
      }
    }
  }
}
.header-main {
    .logo-main {
      width: 40%;

      .logo--shop {
        .unitize-height(80, 16);
        .unitize-width(350);
        img {
          width: 100%;
          height: auto;
        }
      }
      .logo--link {
        .unitize-height(80, 16);
        .unitize-width(350);
      }
    }

    .shop--navigation{
      width: 60%;
    }
  }

```

Danke im vorraus und beste Grüße!

---

<div class="post-metadata">

**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\
**Post date:** [6. März 2019 um 19:39 UTC](https://forum.shopware.com/t/mobile-ansicht-buttons-im-header-uberlappen/58422/2 "2019-03-06T19:39:02Z")

</div>

Ohne einen direkten Link zum Shop wird’s schwer zu helfen… ![Wink](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/b3785da0cbf2c8566cb535dcf55b2730b5224899.png "Wink")

---

<div class="post-metadata">

**Author:** ![JuliM77](https://avatars.discourse-cdn.com/v4/letter/j/51bf81/32.png) [@JuliM77](https://forum.shopware.com/u/JuliM77)\
**Post date:** [7. März 2019 um 07:34 UTC](https://forum.shopware.com/t/mobile-ansicht-buttons-im-header-uberlappen/58422/3 "2019-03-07T07:34:59Z")

</div>

[http://action.websitesp7.de/](http://action.websitesp7.de/)

---

<div class="post-metadata">

**Author:** ![frasa84](https://avatars.discourse-cdn.com/v4/letter/f/2acd7d/32.png) [@frasa84](https://forum.shopware.com/u/frasa84)\
**Post date:** [14. Mai 2020 um 12:21 UTC](https://forum.shopware.com/t/mobile-ansicht-buttons-im-header-uberlappen/58422/4 "2020-05-14T12:21:43Z")

</div>

Hey,

gibt es eine Lösung? Stehe vor dem gleichen Problem&nbsp; ![Blush](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/2f2885a69a3ab7fc5454d32cd96e7133e5bcd558.png "Blush")

&nbsp;

MfG

Francesco

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [14. Mai 2020 um 14:12 UTC](https://forum.shopware.com/t/mobile-ansicht-buttons-im-header-uberlappen/58422/5 "2020-05-14T14:12:07Z")

</div>

> [@frasa84 schrieb:](https://forum.shopware.com/profile/34183/frasa84 "frasa84")
> 
> Hey,
> 
> gibt es eine Lösung? Stehe vor dem gleichen Problem&nbsp; ![Blush](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/blush.png "Blush")
> 
> &nbsp;
> 
> MfG
> 
> Francesco

Mal abgesehen davon, dass nach fast einem Jahr beim ursprünglichen Post die Seite immer noch nicht richtig funktioniert, wie soll dir einer ernsthaft antworten wenn keiner deine Seite kennt? Vielleicht benutzt du ja ein völlig anderes Theme. Da gibt es keine allgemeine Antwort! Das muss man sich individuell erst ansehen. Vielleicht kannst du mal einen Link zum Shop posten und dann könnte ggf. jemand helfen.