Mobile Ansicht Header Symbole kleiner machen Theme venue

[Chris1092]

Hi, ich versuche seit einiger Zeit bei meinem Theme Venue die Symbole (Suche, Menü und warenkorb) in der mobilen Ansicht kleiner zu machen. 
Kann mir jemand helfen ? Ich weiss nur die Grundlagen. 

Meine Seite:  www.ivoque.de 

[r8r]

Hallo @Chris1092,

ist das Dein eigener Shop?

Folgender CSS-Code sollte das lösen. ( @Gabe habt ihr gestern den Forum-Code upgedatet? Mediaqueries scheinen nun nicht mehr von der Forumsoftware zerschossen zu werden):

@media screen and (max-width: 1051px) {
  .header .icon {
    font-size: 1rem;
    top: 0.25rem;
    position: relative;
  }
}

Ergebnis:

Randnotiz: Für meinen Geschmack ist die ganze Typo auf der Seite allerdings zu klein – auf welcher Bildschirmgröße baust Du den Shop auf?

Mario

[Gabe]

@r8r 

Schicke mir mal eine genau Beschreibung bzgl. der Media Queries denn ich bin nicht 100% im klaren genau was du meinst. Nur um zu bestätigen, css Media Queries ist neu für mich; ist das Problem, dass die Code-Formatierung (farblich codiert), nicht funktioniert wie erwartet? Soweit ich weiss, es wurden keine Änderungen am Texteditor und an der Formatierung der Codeschnipsel vorgenommen. Letzte Änderung war August 2020. Und wenn die Farbkodierung nicht stimmt, es wurden keine Änderungen im Forum editor vorgenommen, aber wenn ein Fehler vorliegt können wir ihn gerne protokollieren, damit die Entwickler die Farbkodierung der CSS-Code-Snippets überprüfen.

[Kai]

Hey Chris1092,

hast du schon mal bei den Themedesignern von Venue nachgefragt?

Ansonsten kann ich auch die Shopify Experten empfehlen, die du für eine solche Anpassung einstellen kannst.

[Chris1092]

Hi,
Dankeschön probiere ich gleich aus .
ich baue den Shop über Mac und auch teilweise Kleinigkeiten am Handy IPhone. Also bauen ist der falsche Ausdruck ,ich spiele herum 😅

##- Bitte geben Sie Ihre Antwort oberhalb dieser Zeile ein -##


Liebe Grüße Chris

[r8r]

@Gabe das problem, das bestand war, dass wenn ich eine CSS Mediaquery geschrieben hab, also

@media …

, dann wurde das als Mention des Forumusers Media – sprich @_media geparst. Und das auch im Codeblock.Das hat dann zu ungültigem Code geführt aber das scheint jetzt auch nicht mehr so zu sein …