Clemens-XS Fortgeschrittener
- Mitglied seit 18. September 2016
- Letzte Aktivität:
- Beiträge
- 293
- Erhaltene Reaktionen
- 4
- Punkte
- 1.754
- Profil-Aufrufe
- 1.073
-
Clemens-XS
Hat eine Antwort im Thema Modul Breadcrumb bei Mobilgeräten nicht anzeigen @media-Regel greift nicht verfasst.BeitragIch hab's jetzt als Kompromiss so gelöst, dass ich die ID content und die ID aside mit 0.8em Abstand nach oben definiert habe:
(Quelltext, 3 Zeilen)
Dadurch vergrößert sich zwar der Abstand zwischen dem gesamten Content und Breadcrumb. Aber es stört vom… -
Clemens-XS
Hat mitReaktion (Beitrag)auf den Beitrag von Indigo66 im Thema Modul Breadcrumb bei Mobilgeräten nicht anzeigen @media-Regel greift nicht reagiert.
(Zitat von Clemens-XS)
Wenn, wie in den meisten Fällen, eh ein CSS-Framework verwendet wird, ist das sicher die elegantere Lösung -
Clemens-XS
Hat mitReaktion (Beitrag)auf den Beitrag von kitepascal im Thema Modul Breadcrumb bei Mobilgeräten nicht anzeigen @media-Regel greift nicht reagiert.
Hi Clemens,
doch, die media Query ist an mehreren Stellen fehlerhaft.
Kannst du im CSS Validator checken.
Wieso fügst du dem Modul nicht einfach die Klasse
hidden-phone
(Bootstrap 2 Standard) hinzu? Statt breadcrumb-cl.
Ansonsten einfach mit normalen Viewport… -
Clemens-XS
Hat mitReaktion (Beitrag)auf den Beitrag von design-ks im Thema Modul Breadcrumb bei Mobilgeräten nicht anzeigen @media-Regel greift nicht reagiert.
Hi,
an der Stelle kannst du dem nachfolgenden Element (Klasse oder ID) noch die Angabe über margin geben.
(Quelltext, 7 Zeilen) -
Clemens-XS
Hat eine Antwort im Thema Modul Breadcrumb bei Mobilgeräten nicht anzeigen @media-Regel greift nicht verfasst.BeitragUnd wie kann ich denn den Abstand hinein bekommen, wenn doch das Nicht-Anzeigen der Breadcrumb nun per "hidden-phone" bewirkt wird? -
Clemens-XS
Hat eine Antwort im Thema Modul Breadcrumb bei Mobilgeräten nicht anzeigen @media-Regel greift nicht verfasst.BeitragSorry, aber ich hatte mich doch gerade dazu entschieden, die Breadcrumbs über die Bootstrap-Klasse "hidden-phone" unsichtbar zu machen, wenn Smartphones genutzt werden.
Die Versuche, rein auf das Pixelmaß screenwidth abzustellen, funktionieren nicht… -
Clemens-XS
Hat eine Antwort im Thema Modul Breadcrumb bei Mobilgeräten nicht anzeigen @media-Regel greift nicht verfasst.BeitragHerzlichen Dank für deine schnelle Antwort. Meine realtiv aufwendige @media-Kondition hatte ich irgendwo im Web in einem Scriptforum gefunden.
Die Bootstrap Klasse hidden-phone kannte ich noch gar nicht. Tja hab's gerade probiert und es funzt auf Anhieb… -
Clemens-XS
Hat das Thema Modul Breadcrumb bei Mobilgeräten nicht anzeigen @media-Regel greift nicht gestartet.ThemaIn Benutzung ist das Standard-Protostar-Template. Ich glaube nicht, dass meine @media-Regel falsch oder unwirksam ist. Aber vielleicht ist ist die Art und Weise, wie ich diese Regel zur Anwendung bringen möchte falsch?
Hier mein CSS:
(Quelltext, 8 Zeilen)
… -
Clemens-XS
Reaktion (Beitrag)Hab jetzt tatsächlich selber eine Weile gebraucht...
Du hast ein Ausrufezeichen hinter dem "important" stehen - das darf aber nur vorne stehen - somit ist das Attribut ungültig. -
Clemens-XS
Reaktion (Beitrag) -
Clemens-XS
Reaktion (Beitrag)Naja gut, wenn das so von Dir gewollt ist, dann ist es ja ok.
Ich würde es normal mitscrollen lassen. Alternativ auch kürzer fassen (obere und untere Box), so dass nur die Aufmerksamkeit geweckt wird und die Details in einen separaten Beitrag verlinken. -
Clemens-XS
Hat eine Antwort im Thema Nur main-content soll scrollen – Banner, Breadcrumb und Seitenspalte sollen mit sticky positioniert bleiben verfasst.BeitragIch danke dir herzlich für deine Meinung. Für das Mitscrollen lassen der Seitenspalte spricht auch, dass es ein evtl. ungewohnter und irritierender Anblick ist, dass zunächst der gesamte Content beim Scroillen nach oben geht und abrupt und ohne dass… -
Clemens-XS
Hat eine Antwort im Thema Nur main-content soll scrollen – Banner, Breadcrumb und Seitenspalte sollen mit sticky positioniert bleiben verfasst.BeitragJa genau, so wie du es beschreibst, habe ich es auch beabsichtigt. Wenn jemand einen Bildschirm mit geringerer Höhe hat, kommt der von dir beschriebene Effekt zustande. Ich gehe aber davon aus, dass jemand, der den Inhalt des zweiten Moduls in der… -
Clemens-XS
Hat eine Antwort im Thema Nur main-content soll scrollen – Banner, Breadcrumb und Seitenspalte sollen mit sticky positioniert bleiben verfasst.BeitragWow! Das mit dem falschen Ausrufungszeichen ist schon ein Klopper. Da wär ich so nicht drauf gekommen. Herzlichen Dank dir! Hab's heute Mittag korrigiert und jetzt wird Breadcrumbs zuverlässig unterhalb ca. 760px ausgeblendet.
Ziel meiner ganzen Aktionen… -
Clemens-XS
Hat eine Antwort im Thema Nur main-content soll scrollen – Banner, Breadcrumb und Seitenspalte sollen mit sticky positioniert bleiben verfasst.BeitragAch ja, die 60px hatte ich lediglich zum Ausprobieren eingesetzt. Manchmal setze ich drastische Werte ein, um eine Wirkung zu provozieren.
Habe gerade auf 600px geändert und... es tut sich nichts! Unterhalb von 600px müsste ja jetzt eigentlich… -
Clemens-XS
Hat eine Antwort im Thema Nur main-content soll scrollen – Banner, Breadcrumb und Seitenspalte sollen mit sticky positioniert bleiben verfasst.BeitragNee ich geb's auf... falls nicht hier noch eine Lösung kommt.
Hab gerade bemerkt, dass der Abstand der Breadcrumbs vom oberen Rand ständig variiert und nicht stabil zu bekommen ist.
Wer also jetzt noch auf die Muster-Site geht, wird meine Versuche nicht im… -
Clemens-XS
Hat eine Antwort im Thema Nur main-content soll scrollen – Banner, Breadcrumb und Seitenspalte sollen mit sticky positioniert bleiben verfasst.BeitragIch ändere mal meine Frage hier, denn ich habe inzwischen bei Screenwidth über 756px die von mir gewünschte "position: sticky" eingebaut.
Das Signet hat 5px Abstand vom oberen Rand und Breadcrumbs 12%. Beide Module sind mit sticky positioniert.
Die… -
Clemens-XS
ThemaAuf meiner Website nutze ich das Protostar-Template und habe zu oberst auf der Seite an der Position "banner" mein Signet platziert. Ebenfalls auf "banner" und unterhalb des Signet habe ich "Breadcrumb" positioniert, was ja ebenfalls ein Modul ist.
Wird… -
Clemens-XS
Hat mitReaktion (Beitrag)auf den Beitrag von kitepascal im Thema Wie kann ich die Buttons der Seitennavigation neu positionieren reagiert.
(Quelltext, 18 Zeilen)
Soll es grundsätzlich keine Icons mehr geben? Sonst bitte wieder einkommentieren erst mal, was du da in der template.css ab Zeile 6376 auskommentiert hast. Denn ohne das funktioniert IcoMoon gar nicht mehr.
Ist sicher noch nicht… -
Clemens-XS
Hat mitReaktion (Beitrag)auf den Beitrag von kitepascal im Thema Wie kann ich die Buttons der Seitennavigation neu positionieren reagiert.
Ich drücke einfach den Zurück Button auf dem Handy oder an der Maus, um zu Übersichten zurück zu gelangen.
Wenn 1x nicht reicht, dann halt mehrmals (falls die Beitragsnavigation genutzt wurde)..
Das klappt immer und reicht mir.
Eigentlich unnötige Buttons,…