breadcrumbs in mobiler Ansicht nicht mehr vorhanden?

WhiteDragon1983 · June 7, 2014 at 1:24 PM

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** · June 8, 2014 at 12:50 PM Official Post

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

WhiteDragon1983 · June 19, 2014 at 10:42 AM

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 · June 19, 2014 at 10:54 AM

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 · June 19, 2014 at 11:11 AM

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

WhiteDragon1983 · June 19, 2014 at 11:35 AM

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 · June 19, 2014 at 11:42 AM

Füge das dem Stil hinzu:

CSS

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




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




}

Display More

WhiteDragon1983 · June 19, 2014 at 12:21 PM

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 · June 19, 2014 at 12:36 PM

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 · June 19, 2014 at 4:52 PM

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 · June 19, 2014 at 4:57 PM

Danke dir Matze für die Aufklärung.

MondeoMK3.de · March 4, 2015 at 9:17 PM

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 · March 4, 2015 at 9:53 PM

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 · March 5, 2015 at 7:27 AM

Ein Link zum Forum wäre hilfreich.

MondeoMK3.de · March 5, 2015 at 11:52 AM

Quote from Black Rider

Ein Link zum Forum wäre hilfreich.

Sorry, der Benutzername ist Programm ... https://localhost/www.mondeomk3.de

Black Rider · March 5, 2015 at 1:38 PM

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

MondeoMK3.de · March 5, 2015 at 5:31 PM

In der mobilen Ansicht siehst du sie?

Am PC:

Am Handy:

ReeN · March 5, 2015 at 5:37 PM

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 · March 5, 2015 at 5:43 PM

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!

Users Viewing This Thread