Hallo,
ich nutze Modified 2.x und das offizielle responsive Design.
Ich möchte gerne eine große Grafik durch eine kleine ersetzen, wenn das responsive Design angesteuert wird.
Als Beispiel der Header.
Normal:
[ Für Gäste sind keine Dateianhänge sichtbar ]
im responsive:
[ Für Gäste sind keine Dateianhänge sichtbar ]
Der Text wird durch Icons ausgetauscht, sobald der Browser kleiner wird.
Bis jetzt verstanden habe ich, das wenn ich
<ul class="cn_nomobile"> Inhalt </ul>
nutze, dann "verschwindet" der Inhalt wenn das responsive Design angesprochen wird.
Aber hier hört meine Kenntnis auf.
Im Header ist dafür zum Beispiel hinterlegt:
<li><a href="{$login}"><i class="fa fa-sign-in"></i><span class="tn_nomobile">{#link_login#}</span></a></li>
Wenn ich es richtig verstehe, dann gliedert sich jenes wie folgt auf:
<li> = Liste auf
<a href="{$login}"> = Link zum Login
<i class="fa fa-sign-in"></i> = Wenn responsive dann dieses Bild
<span class="tn_nomobile">{#link_login#}</span> = Loginlink wenn kein responsive
</a> </li> = Wird geschlossen
Wo finde ich die Dateien - wo das "i class="fa fa-sign-in" definiert wird?
Oder setze ich falsch an? Gibt es ein Gegenstück von "<ul class="cn_nomobile">" ?
Vielen lieben Dank für die Geduld mit einem Neuling in dem Thema
Gruß Heiko
Linkback: https://www.modified-shop.org/forum/index.php?topic=36653.0