breadcrumbs in mobiler Ansicht nicht mehr vorhanden?

WhiteDragon1983 · Jun 7th 2014

Hallo,

ich weiß nicht, ob es hierhin gehört, ansonsten bitte einfach passend verschieben.

Warum ist seit neuestem die Darstellung der breadcrumbs in mobiler Ansicht nicht mehr vorhanden? Ist das mit einem Update herausgefallen oder ist das einfach nur ein CSS Fehler? Ich finde die als durchaus hilfreich, wenn man in das darüber liegende Forum direkt zurück möchte, ansonsten muss man immer den Umweg über das Seitenmenü nehmen und das ist bei Mobilem Internet nicht gerade Sinnvoll.

**Alexander Ebert** · Jun 8th 2014

Die Breadcrumbs sind wie gewohnt vorhanden, gibt es einen Link zum betroffenen Forum?

WhiteDragon1983 · Jun 19th 2014

Hab den Fehler bereits gefunden, es muss an einem Plugin liegen, bin mir da allerdings nicht ganz sicher - muss da nochmal weiter testen.
Zumindest gibt es eine CSS Deklarierung bei mir, die die Breadcrumbs in mobiler Ansicht ausblendet:

Code

.content > .breadcrumbs:not(:first-child) {
    display: none;
}

Wenn ich die TeaserBox deaktiviere, dann ist das Problem verschwunden und die Breadcrumbs werden in Mobiler Ansicht wieder angezeigt.

@Black Rider
Was meinst du dazu? Ansonsten muss ich das nur mal melden, wofür ich erstmal keine Zeit habe.

Black Rider · Jun 19th 2014

Das CSS kommt vom Framework selbst und ist auch korrekt so. In der Mobilen Ansicht werden alle Einträge bis auf einen ausgeblendet. Wenn du hier im Forum nachsiehst, wirst du dasselbe CSS wiederfinden.

cls-design · Jun 19th 2014

Könnte von einem Plugin wie Globale Ankündigung oder Shoutbox kommen, ein Plugin das den ersten Platzhalter im Mainbereich verwendet.

WhiteDragon1983 · Jun 19th 2014

Quote from Black Rider

Das CSS kommt vom Framework selbst und ist auch korrekt so. In der Mobilen Ansicht werden alle Einträge bis auf einen ausgeblendet. Wenn du hier im Forum nachsiehst, wirst du dasselbe CSS wiederfinden.

Kann ich hier leider nicht nachvollziehen. Dieser CSS Code ist also hier nicht zu finden, wenn ich meine Seite hier auf Mobile Ansicht verkleinere. Fakt ist, sobald ich die TeaserBox abschalte, ist das Problem auch verschwunden. Zum Test hab ich zwischenzeitlich die TeaserBox nun auch mal in eins meiner anderen Forum installiert, da genau das gleiche. Wieder deinstalliert, Problem verschwunden.

Wenn du jetzt sagst, das kommt vom Framework, wie kann man das Problem denn lösen? Denn in der Mobilen Ansicht möchte ich Breadcrumbs auf jeden Fall wieder nutzen können.

cls-design · Jun 19th 2014

Füge das dem Stil hinzu:

CSS

@media all and (max-width: 800px) {




    .content > .breadcrumbs { 
        display:inline-block; 
    }




}

Display More

WhiteDragon1983 · Jun 19th 2014

Hab ich schon gemacht. Dann muss ich das aber bei allen Stilen machen.

Die andere Codierung wird dann überschrieben, ist aber dennoch vorhanden.

cls-design · Jun 19th 2014

Musst du nicht du kannst:

1. Den Pluginhersteller darauf hinweisen, der soll es dann im Plugin fixen
2. Den Code in das Footercodefeld im ACP eintragen:

Code

<script data-relocate="true">
        //<![CDATA[
            $(document).ready(function(){
                if ($(window).width() < 800) {
                    $(".content > .breadcrumbs").css({ 
                        "display":"inline-block" 
                    });
                }
});
        //]]>
    </script>

Display More

Black Rider · Jun 19th 2014

Also ich kann das hier finden:

Es ist so:
Die Teaser-Box kommt direkt vor die Brotkrumen-Navigation im Event contents im Template header.tpl. Damit ist es das erste Kind von .content und somit nicht mehr die Brotkrumen-Navigation. Diese ist nun das zweite Kind und daher trifft auch .content > .breadcrumbs:not(:first-child) darauf zu, weil es nicht mehr das erste Kind von .content ist. Normalerweise soll diese Anweisung nur die Brotkrumen-Navigation am Seitenende in der mobilen Ansicht ausblenden.

Da es hier jedoch ein Template-Event gibt, das man ja nutzen soll, sollte hier WoltLab nochmals schauen, dass man das korrigiert, denn das ist ein konzeptioneller Fehler im WCF-CSS.

WhiteDragon1983 · Jun 19th 2014

Danke dir Matze für die Aufklärung.

MondeoMK3.de · Mar 4th 2015

Hallo!

Müsste das Thema noch einmal aufgreifen.
Haben das gleiche Problem - habe beides ausprobiert - ohne Erfolg.

Gibt es genauere Hinweise bzgl. der betroffenen Plugins?

WhiteDragon1983 · Mar 4th 2015

Bei uns war es, so meine ich mich erinnern zu können, der Slider von Black Rider. Aber seit dem Update von WL war das behoben.

Black Rider · Mar 5th 2015

Ein Link zum Forum wäre hilfreich.

MondeoMK3.de · Mar 5th 2015

Quote from Black Rider

Ein Link zum Forum wäre hilfreich.

Sorry, der Benutzername ist Programm ... www.mondeomk3.de

Black Rider · Mar 5th 2015

Ich kann dort kein Problem feststellen. Direkt unter dem Menü findest du die Breadcrumbs.

MondeoMK3.de · Mar 5th 2015

In der mobilen Ansicht siehst du sie?

Am PC:

Am Handy:

ReeN · Mar 5th 2015

Das sind nicht die Breadcrumbs

Aber, wenn du diese Icons einblenden willst, dann versuch es hiermit:

CSS

@media only screen and (max-width: 800px) {
	.navigation.navigationHeader > ul.navigationIcons, .navigation.navigationHeader > ul.navigationItems {
		display: block;
	}
}

MondeoMK3.de · Mar 5th 2015

Quote from ReeN
Das sind nicht die Breadcrumbs

Aber, wenn du diese Icons einblenden willst, dann versuch es hiermit:
CSS
@media only screen and (max-width: 800px) {
	.navigation.navigationHeader > ul.navigationIcons, .navigation.navigationHeader > ul.navigationItems {
		display: block;
	}
}

Ha ... das wars.
Super und Danke.

breadcrumbs in mobiler Ansicht nicht mehr vorhanden?

Participate now!

Share