# \[gelöst\] Mobile-Portrait zu breit: grauer Rand rechts

**URL:** <https://forum.shopware.com/t/gelost-mobile-portrait-zu-breit-grauer-rand-rechts/66837>\
**Category:** Themes & Design\
**Created:** [10. Mai 2020 um 13:35 UTC](https://forum.shopware.com/t/gelost-mobile-portrait-zu-breit-grauer-rand-rechts/66837 "2020-05-10T13:35:02Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![myheadshop](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/myheadshop/32/14888_2.png) [@myheadshop](https://forum.shopware.com/u/myheadshop)\
**Post date:** [10. Mai 2020 um 13:35 UTC](https://forum.shopware.com/t/gelost-mobile-portrait-zu-breit-grauer-rand-rechts/66837/1 "2020-05-10T13:35:02Z")

</div>

Hi,

der Cookie-Hinweis (Shopware 5.6.6. und vorher) ist in der mobilen Ansicht im Hochformat zu breit. Hat jmd. einen Hinweis, wo ich das anpassen könnte oder zumindest einen Stoß in die richtige Richtung? 🙂

Edit: Liegt wohl nicht am Cookie-Hinweis, wenn ich den abschalte, ist die Seite immer noch gleich breit (der Hinweis passt sich wohl im Gegensatz zum Rest an). Idee?

LG&nbsp;Heiko

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/0/0b2cb9833b31042fb1e90c49eaae2c642177620d.jpeg)

---

<div class="post-metadata">

**Author:** ![myheadshop](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/myheadshop/32/14888_2.png) [@myheadshop](https://forum.shopware.com/u/myheadshop)\
**Post date:** [15. Mai 2020 um 21:20 UTC](https://forum.shopware.com/t/gelost-mobile-portrait-zu-breit-grauer-rand-rechts/66837/2 "2020-05-15T21:20:02Z")

</div>

Es lag an einer ziemlichen alten header.less und die dort enthaltenen Logo-Einstellungen:

**alt - Mobile Portait zu breit:**

```
// Logo Desktop
.header-main {
 
.logo-main {
 
.logo--link {
.unitize-height(150); // Anpassen der Höhe, Angabe in px
.unitize-width(750); // Anpassen der Breite, Angabe in px
}
 
.logo--shop {
.unitize-height(150); // Anpassen der Höhe, Angabe in px
.unitize-width(750); // Anpassen der Breite, Angabe in px
}
}
}
 
// Logo Smartphone
@media only screen and (max-width: 736px) {
.header-main {
 
.logo-main {
 
.logo--link {
.unitize-height(115); // Anpassen der Höhe, Angabe in px
}
 
.logo--shop {
.unitize-height(115); // Anpassen der Höhe, Angabe in px
}
}
}
}

```

**Neu - alles passt:**

```
.header-main {
  // Logo
  .logo-main {
    // Smaller logo for mobile viewports
    .logo--shop {
      .unitize-height(115, 16);
        .unitize-width(400); // Anpassen der Breite, Angabe in px
    }
    .logo--link {
      .unitize-height(115, 16);
        .unitize-width(400); // Anpassen der Breite, Angabe in px
    }
  }
}
@media screen and (min-width: @tabletViewportWidth) {
  .header-main {
    // Logo
    .logo-main {
      // Bigger logo for tablet viewports
      .logo--shop {
        .unitize-height(150, 16);
        .unitize-width(750); // Anpassen der Breite, Angabe in px
      }
      .logo--link {
        .unitize-height(150, 16);
        .unitize-width(750); // Anpassen der Breite, Angabe in px
      }
    }
  }
}

```

&nbsp;