[3.2] Logo in mobilen Auflösungen entfernen

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.3, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich sowie die URL vom betroffenen Forum.
Antworten
vfrblue
Ehemaliges Teammitglied
Beiträge: 2008
Registriert: 22.11.2016 18:46

[3.2] Logo in mobilen Auflösungen entfernen

Beitrag von vfrblue »

Wenn ich mich mal einklinken darf.
Ich habe, mit Hilfe von Kirk, Ein Header-Logo im Prosilver-Style eingefügt. (Siehe Signatur -> Testforum) viewtopic.php?p=1365268#p1365268
Jetzt überlagert das Logo in der mobilen Ansicht den kompletten Header.
Da unter 3.2 dieses jetzt in der "responsive.css" gesteuert wird, ist meine Frage:
Wie kann ich das Logo für mobile Geräte entfernen?
Lehrling
Ehemaliges Teammitglied
Beiträge: 3833
Registriert: 15.01.2012 20:00
Kontaktdaten:

Re: [3.2] Grafiken werden in mobiler Ansicht nicht verkleinert

Beitrag von Lehrling »

Auf deiner Seite verschwindet das Logo, wenn die Bildschirmgröße weniger als 700px beträgt, allerdings ragt der Container mit den Motorradbildern irgendwann aus dem Rahmen. Du solltest für den Container .oc_header noch die Maße für die responsive Ansicht anpassen. Das kann man per

Code: Alles auswählen

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{     
    .oc_header {
	height:   ;
        width:   ;
}
usw. machen.
vfrblue
Ehemaliges Teammitglied
Beiträge: 2008
Registriert: 22.11.2016 18:46

Re: [3.2] Grafiken werden in mobiler Ansicht nicht verkleinert

Beitrag von vfrblue »

Lehrling hat geschrieben:Auf deiner Seite verschwindet das Logo, wenn die Bildschirmgröße weniger als 700px beträgt, allerdings ragt der Container mit den Motorradbildern irgendwann aus dem Rahmen. Du solltest für den Container .oc_header noch die Maße für die responsive Ansicht anpassen. Das kann man per

Code: Alles auswählen

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{     
    .oc_header {
	height:   ;
        width:   ;
}
usw. machen.
Die Motorradbilder sind für die responsive Ansicht nicht wichtig (es ist auch nur ein Bild 778x100px).
Deswegen braucht es auch nicht angezeigt werden. Dieses Header-Bild ist eigentlich nur für die Desktop-Darstellung gedacht.
Im Prosilver_SE-Style werde ich auch ein kleineres Bild einbinden (150x80px), wobei es in der responsiven auch nicht vorhanden sein soll.
Antworten

Zurück zu „Styles, Templates und Grafiken“