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

Shopware 5 Themes & Design
1

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

2

Danke vielmals!

3

Hat noch jemand eine konkretere idee :smiley:

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

 

LG

4

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

5

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

1 „Gefällt mir“
6

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