[phpBB3] Kategorienbilder ragen über Forumsbreite hinaus in mobiler Version

URL-Adresse des Forums: hidden-treasures.forumieren.de
Rang/Funktion im Forum: Administration
Forenversion: phpBB3
Browser: Firefox (Desktop) / Internet Browser/Chrome (Handy)
Persönliches CSS(Ja/Nein): ja
Templateänderungen(Ja/Nein): ja


Hallo zum zweiten  

Wie im anderen Thread angekündigt, gibt es noch weitere Probleme. Diesmal bezieht sich meine Anfrage auf die überstehenden Kategoriebilder in der mobilen Version.

Ein Beispielbild des Problems: Hier
Egal, wie ich es in der Desktop-Version anpasse, die mobile Version verändert sich nicht.

Ich hoffe, ein spezieller Code kann für dieses Problem Abhilfe schaffen :/

Vielen Dank an euch schon mal!

Hallo

Überprüfen Sie, ob dieses Problem auch mit diesem Code gelöst wird

https://hilfe.forumieren.com/t44973-phpbb3avatar-ragt-uber-forumsbreite-in-mobiler-version#295679

Auch hier vielen Dank an Sie für die Suche des Links!
Diesen hatte ich vor ein paar Tagen schon einmal testweise eingefügt, ist aber leider nicht das, was ich mir vorgestellt habe, da die Kategoriebilder dadurch nicht mehr über die gesamte Zeile des Forums gehen (sowohl in der Desktopversion als auch in der mobilen Ansicht). Das war ein sehr wichtiger Aspekt für mich, wegen dem ich mich für phpBB3 entschieden hatte.
Gibt es vielleicht noch einen weiteren Code, der mir helfen könnte?

Trotzdem aber herzlichen Dank an Sie für die so schnelle Antwort und die Zeit

Dies ist kein Kategoriebild
Sie fügen einfach dieses Bild anstelle eines Titels hinzu
Das Kategoriebild würde so aussehen

Durch den Code lässt sich das Bild leider nicht mehr vergrößern, damit es über die ganze Zeile reicht (das betrifft die Desktop-Version und die mobile Ansicht)
Zur Veranschaulichung, wie ich es mir vorgestellt hätte:
Bild

Entschuldigen Sie die Umstände und weiterhin herzlichen Dank für Ihre Zeit

ok nur
Löschen Sie das hinzugefügte Bild

und fügen Sie diesen Code hinzu, um das Bild als Hintergrundkategoriebild einzufügen

Code:


li.header dl.icon {
      margin-left: -10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://i.servimg.com/u/f54/20/50/19/95/deskto12.jpg);
    min-height: 100px !important; }

.table-title, .table-title h2 {
    margin-left: 10px; }


Ergebnis

Genau so habe ich es mir vorgestellt! Herzlichen Dank für Ihre Mühe

Das Thema ist damit erledigt

	Thema ist erledigt und wurde ins Archiv verschoben. Regeln des Forums der Foren