Docs

[Eidderf]

Hi,

I’m having a breadcrumb issue in the arabic version of my website. The English version looks fine. However, the arabic version looks something like this:

POST_TITLE PARENT< < HOME ICON

The correct order should be like this:

POST_TITLE < PARENT < HOME ICON

I have a printscreen of this issue in the next private post.

[Eidderf]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following code in your Child Theme’s style.css file:

.rtl .x-breadcrumbs {
    display: block;
    width: 50% !important;
}

.rtl .x-breadcrumbs .delimiter:first-child,
.rtl .x-breadcrumbs a:first-child + .delimiter {
    display: none;
}

.rtl .x-breadcrumbs span.current {
    float: left;
}

.rtl .x-breadcrumbs span.current:before {
    content: '';
    margin: 0 0.45em;
    color: #272727;
    display: inline-block;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

Let us know how this goes!

[Eidderf]

This reply has been marked as private.

[Christian]

This reply has been marked as private.

[Eidderf]

This reply has been marked as private.

[Christopher]

Hi there,

Please find and remove following blocks of code :

body.rtl .x-breadcrumbs span.current {
     float: left; 
}
.rtl .x-breadcrumbs span.current {
     float: left; 
}

Hope it helps.

[Eidderf]

It worked! Thank you!

[Thai]

If you need anything else please let us know.

[Author]

Posts