[ModernBB] Responsive Media CSS überschreiben

von Akeem Sa 21 Jul 2018 - 21:07

URL-Adresse des Forums: http://anime.forumsrpg.com/
Rang/Funktion im Forum: Moderator
Forenversion: ModernBB
Browser: Alle
Persönliches CSS(Ja/Nein): Ja
Templateänderungen(Ja/Nein): Nein

Wir sind von phpBB2 umgezogen auf MordernBB und nun haben wir folgendes Problem:
Die Index-Module werden bei sehr kleiner Auflösung (hauptsächlich Mobile) nicht mehr angezeigt. Daran ist folgendes CSS verantwortlich:

Code:: @media (max-width: 1200px) #content-container #right { display: none; }

Kann man das überschreiben?

von Bigtuber So 22 Jul 2018 - 0:54

Hallo @Akeem,

das ist richtig, und man kann es auch ganz einfach überschreiben, indem du statt "none" "block" schreibst.

Beste Grüße
Bigtuber

von Akeem So 22 Jul 2018 - 2:41

Wo genau muss ich das ändern?
Diese Zeilen befinden sich im Standard-CSS. Ich kann lediglich unter FARBEN neues CSS hinzufügen. Füge ich dasselbe mit BLOCK hinzu (was ich bereits mehrfach probiert habe), scheint diese Regel jedoch nicht zu greifen.
Gibt es irgendwo einen Zugriff auf das Standard-CSS?

von Bigtuber So 22 Jul 2018 - 16:52

Das Standard-CSS kannst du nicht verändern. Versuche stattdessen diesen Code:

Code:: @media (max-width: 1200px) #content-container #right { display: block !important; }

Das !important; überschreibt das Standard-CSS.

Beste Grüße
Bigtuber

von Akeem So 22 Jul 2018 - 19:13

Ja, habe das mal ausprobiert und deine Zeilen in das CSS unter FARBEN eingefügt. Es zeigt leider keinerlei Effekt.
Die Spalte wird trotzdem ausgeblendet, wenn das Auflösung zu klein ist.

von Bigtuber So 22 Jul 2018 - 20:48

Ah, jetzt erkenne ich das Problem (erneut). Ich hatte es auch schon versucht, die Module eingeblendet zu lassen. Damals hatte ich es nicht hinbekommen. Ein zweiter Blick heute reicht aber aus. Very Happy

Wir müssen, damit es funktionieren kann, auch noch #content-container #content-main anpassen. Genauer gesagt die Breite.

Dies ist der Code - funktioniert es bei dir auch?:

Code:: @media only screen and (max-width: 1250px) { #content-container #right { display: block; width: 220px; } #content-container #content-main { float: left; width: 75%; } } @media only screen and (max-width: 1000px) { #content-container #right { width: 200px; }

Beste Grüße
Bigtuber

von Akeem So 22 Jul 2018 - 22:15

Danke!
Das hat den erwünschten Effekt gebracht.

Der Editor im Forum zeigt zwar an, das CSS wäre nicht valide, aber es scheint trotzdem zu funktionieren.

Code:: Fehler Festgestellter Fehler Wir haben eine unterschiedliche Anzahl von "{" und "}" festgestellt. Das bedeutet, dass Ihr CSS ungültig sein könnte und deshalb nicht richtig in Ihrem Forum angezeigt werden könnte. Bitte überprüfen Sie Ihren Code. Bilder und Farben

von Bigtuber So 22 Jul 2018 - 22:20

Freut mich. Und ja, der Editor scheint die media queries wohl nicht zu kennen. Ich gebe das mal so weiter, damit es eventuell behoben wird.
closed

Beste Grüße
Bigtuber

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

[ModernBB] Responsive Media CSS überschreiben

[ModernBB] Responsive Media CSS überschreiben

Re: [ModernBB] Responsive Media CSS überschreiben

Re: [ModernBB] Responsive Media CSS überschreiben

Re: [ModernBB] Responsive Media CSS überschreiben

Re: [ModernBB] Responsive Media CSS überschreiben

Re: [ModernBB] Responsive Media CSS überschreiben

Re: [ModernBB] Responsive Media CSS überschreiben

Re: [ModernBB] Responsive Media CSS überschreiben