Flat Theme 3.0 - USP Bar bei mobilen Geräten ausblenden oder Schriftgrößen viel kleiner machen

Hallo!

Nach dem Wechsel von Shopware 6 zurück auf Shopware 5 kämpfe ich mit der ein oder anderen Sache.

Hab beim Theme nun eine USP Bar dabei. Diese ist auch echt cool, allerdings ist sie bei mir 3 zeilig am Handy und das schaut nicht gut aus.
 

Weiß vlt jemand ob man die USP Bar mit einer Abfrage irgendwo deaktieren kann NUR bei mobilen Geräten?

 

LG Markus

Danke vielmals!

Hat noch jemand eine konkretere idee :smiley:

ich denk mal das sollte in die all.less datei?

 

LG

wenn ich folgendes in meine all.less datei kopiere passiert nix:

@media screen and(min-width: @phoneLandscapeViewportWidth) {
    .header-main .nb_flattheme_usp_bar {
        display: none;
    }
}

weiß jemand was ich falsch mache. Will in der mobilen Ansicht die USP Bar ausblenden…

LG Markus

statt min-width müsste es eigentlich max-width heissen.

1 Like

Vielen Dank!

Da war wohl kein Brett vorm Kopf sondern ein Pfosten ^^

Der richtige Code zum ausblenden lautet:

@media screen and(max-width: @phoneLandscapeViewportWidth) {
    .header-main .nb_flattheme_usp_bar {
        display: none;
    }
}

Dieser gehört in die Datei „all.less“ im Verzeichnis: /web/themes/Frontend/[dein Template]/frontend/_public/src/less

Danke nochmals für die Hilfe!
 

LG Markus