Neu Onpage Composer - Schriftgröße - Mobil

[Odintyr]

Hallo Zusammen,

gibt es beim OnPage Composer auch die Möglichkeit die Schrift bei der Trennlinie Dynamisch einzurichten so das diese sich bei der Mobilen Ansicht automatisch verkleinert?
Wenn wir uns die Webseite übers Handy anschauen dann sehen wir noch Reihenweise Große Schrift.

Mit freundlichen Gruß
Paul

 

[MHillmann]

Hallo @Odintyr

du könntest der Trennlinie eine " Benutzerdefinierte Klasse" geben und auf diese stylen oder einfach global alle Trennlinien stylen, z. B.

.hr-sect {
  @media (max-width: 768px) {
      font-size: 12px;
  }   
}

Viele Grüße
Michael

 

[Odintyr]

Hallo @Odintyr

du könntest der Trennlinie eine " Benutzerdefinierte Klasse" geben und auf diese stylen oder einfach global alle Trennlinien stylen, z. B.

.hr-sect {
  @media (max-width: 768px) {
      font-size: 12px;
  }  
}

Viele Grüße
Michael

Hallo Michael,

mit dem Code funktioniert das bei uns leider nicht, die Schrift bleibt immer noch riesig und passt sich nicht an.
Mit den " Benutzerdefinierte Klassen" kennen wir uns leider nicht nicht aus. Eine Forumsuche hat hier leider auch keine weiteren Infos gegeben wie sowas funktioniert.

Sollte sowas nicht automatisch Responsive sein und sich von der Größe anpassen?

Mit freundlichem Gruß
Paul

 

[MHillmann]

Hallo,

"sollte" ist immer ein recht hartes Wort. Du hast aber insoweit Recht, dass da beim Trennlinien-Portlet nichts passiert. Das ist etwas ungünstig, dass das nicht einheitlich ist, daher habe ich ein Ticket aufgemacht: https://issues.jtl-software.de/issues/SHOP-5133

Probier es nochmal so.

.hr-sect, .opc-Divider {
  @media (max-width: 768px) {
      font-size: 12px;
  }   
}

Viele Grüße
Michael

 

[Odintyr]

Hallo,

"sollte" ist immer ein recht hartes Wort. Du hast aber insoweit Recht, dass da beim Trennlinien-Portlet nichts passiert. Das ist etwas ungünstig, dass das nicht einheitlich ist, daher habe ich ein Ticket aufgemacht: https://issues.jtl-software.de/issues/SHOP-5133

Probier es nochmal so.

.hr-sect, .opc-Divider {
  @media (max-width: 768px) {
      font-size: 12px;
  }  
}

Viele Grüße
Michael

Hallo Michael,

leider funktioniert das bei uns mit dem opc-Divider auch nicht. Wir haben das jetzt für die Mobile Ansicht erstmal wieder versteckt.

Mit freundlichen Gruß
Paul