abbrechen
Suchergebnisse werden angezeigt für 
Stattdessen suchen nach 
Meintest du: 

Mobile Ansicht Header Symbole kleiner machen Theme venue

Chris1092
Neues Mitglied
4 0 0

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 

0 Likes
r8r
Shopify Expert
1127 117 360

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:

Screenshot 2021-02-16 at 09.42.30.jpg

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

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
0 Likes
Gabe
Shopify Staff
Shopify Staff
3497 345 799

@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.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

0 Likes
Kai
Shopify Staff
Shopify Staff
439 47 79

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.

 

 

Kai | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

0 Likes
Chris1092
Neues Mitglied
4 0 0
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 :grinsendes_Gesicht_mit_Schweißperlen:

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


Liebe Grüße Chris
0 Likes
r8r
Shopify Expert
1127 117 360

@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 …

 

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.