# "Ihre Vorteile" auch bei Responsive

**URL:** <https://forum.shopware.com/t/ihre-vorteile-auch-bei-responsive/61532>\
**Category:** Allgemein\
**Created:** [4. September 2019 um 10:08 UTC](https://forum.shopware.com/t/ihre-vorteile-auch-bei-responsive/61532 "2019-09-04T10:08:26Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![genesisdaniel](https://avatars.discourse-cdn.com/v4/letter/g/b9e5f3/32.png) [@genesisdaniel](https://forum.shopware.com/u/genesisdaniel)\
**Post date:** [4. September 2019 um 10:08 UTC](https://forum.shopware.com/t/ihre-vorteile-auch-bei-responsive/61532/1 "2019-09-04T10:08:26Z")

</div>

Hallo,

bei der Loginseite unter \*shop\*/account stehen ja “Ihre Vorteile” mit ein bisschen Text. Dieser erscheint leider nicht (Standard Shopware-Theme) in der Responsiveansicht. Wie bekommen wir diesen Text auch dort angezeigt?

&nbsp;

mfg

---

<div class="post-metadata">

**Author:** ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)\
**Post date:** [4. September 2019 um 18:53 UTC](https://forum.shopware.com/t/ihre-vorteile-auch-bei-responsive/61532/2 "2019-09-04T18:53:51Z")

</div>

Bin mir nicht sicher was du genau meinst ( Glaskugel ist gestern kaputt gegangen ), denke das du das hier meinst ( Ihre Vorteile anzeigen in der mobilen Ansicht ).

Dafür musst du ein wenig die register.less anpassen…

```
.register--advantages {
    display: block;
}

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![genesisdaniel](https://avatars.discourse-cdn.com/v4/letter/g/b9e5f3/32.png) [@genesisdaniel](https://forum.shopware.com/u/genesisdaniel)\
**Post date:** [5. September 2019 um 07:46 UTC](https://forum.shopware.com/t/ihre-vorteile-auch-bei-responsive/61532/3 "2019-09-05T07:46:49Z")

</div>

Danke, genau das meine ich. (=

Leider hat die Anpassung nicht funktioniert. Wir nutzen das Gravity Theme. In der original register.less ist der block&nbsp;.register–advantages nicht vorhanden. Wenn ich den Block da so einfüge ändert das leider auch nichts.

> .steps–container {  
> &nbsp; &nbsp; position: relative;  
> &nbsp; &nbsp; background: @body-bg;  
> &nbsp; &nbsp; &:before,  
> &nbsp; &nbsp; &:after {  
> &nbsp; &nbsp; &nbsp; &nbsp; position: absolute;  
> &nbsp; &nbsp; &nbsp; &nbsp; top: 0;  
> &nbsp; &nbsp; &nbsp; &nbsp; right: 100%;  
> &nbsp; &nbsp; &nbsp; &nbsp; bottom: 0;  
> &nbsp; &nbsp; &nbsp; &nbsp; display: block;  
> &nbsp; &nbsp; &nbsp; &nbsp; width: 100%;  
> &nbsp; &nbsp; &nbsp; &nbsp; content: ‚‘;  
> &nbsp; &nbsp; &nbsp; &nbsp; background: @body-bg;  
> &nbsp; &nbsp; }  
> &nbsp; &nbsp; &:after {  
> &nbsp; &nbsp; &nbsp; &nbsp; right: auto;  
> &nbsp; &nbsp; &nbsp; &nbsp; left: 100%;  
> &nbsp; &nbsp; }  
> }  
> .steps–content {  
> &nbsp;&nbsp; &nbsp;.steps–entry {  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;padding-bottom: 0;  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;.icon {  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;opacity: .3;  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;.primary-gradient();  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;.text {  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;opacity: .3;  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;color: contrast(@body-bg, @text-color-light, @text-color-dark);  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&.is–active {  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;.icon {  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;opacity: 1;  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;.secondary-gradient();  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;.text {  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;opacity: 1;  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;color: @brand-secondary;  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}  
> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;}  
> &nbsp;&nbsp; &nbsp;}  
> }

---

<div class="post-metadata">

**Author:** ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)\
**Post date:** [5. September 2019 um 08:01 UTC](https://forum.shopware.com/t/ihre-vorteile-auch-bei-responsive/61532/4 "2019-09-05T08:01:51Z")

</div>

Es ist wirklich ein raten… ich hoffe das du dich mit Shopware ein wenig vertraut gemacht hast!

Wie oder was hast du angepasst? Was für eine less-Datein ist das oben? Im Original Theme funktioniert das genauso, wahrscheinlich nur falsch eingebunden

leg dir doch eine neue less-Datei an ( register.less ) mit folgendem Inhalt

```
.register--advantages {
    display: block;
}

```

und speicher das ganze unter \_modules ab.

Theme kopilieren, fertig!

---

<div class="post-metadata">

**Author:** ![genesisdaniel](https://avatars.discourse-cdn.com/v4/letter/g/b9e5f3/32.png) [@genesisdaniel](https://forum.shopware.com/u/genesisdaniel)\
**Post date:** [5. September 2019 um 08:12 UTC](https://forum.shopware.com/t/ihre-vorteile-auch-bei-responsive/61532/5 "2019-09-05T08:12:06Z")

</div>

Hey,

kenne ich schon aus - aber eben nicht gut genug. (=

Es gibt ja schon von dem Theme eine register.less unter\_modules. Die hat den obigen Inhalt.

---

<div class="post-metadata">

**Author:** ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)\
**Post date:** [5. September 2019 um 08:25 UTC](https://forum.shopware.com/t/ihre-vorteile-auch-bei-responsive/61532/6 "2019-09-05T08:25:12Z")

</div>

Und genau diese musst du ändern, halt nur in deinem Theme ( ableiten ), sonst wird es beim nächsten Update wieder überschrieben, kannst du aber gerne mal ausprobieren.