Navigation
Archive / Breadcrumb issue in RTL view
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 25, 2016 at 2:45 am #1101472
    Eidderf
    Participant

    Hello master jedi,

    I’m having an issue with our breadcrumb whenever it takes long Arabic text in RTL view. You’ll understand this better in the next thread.

    IMPORTANT!
    I was advised by my company to keep this discreet. So I would like to ask to kindly refrain from posting screenshoots or our URL. However, you may share the codes to the community as long as our URL is not in the code.

    Thank you for understanding master jedi 🙂

    July 25, 2016 at 2:52 am #1101481
    Eidderf
    Participant
    This reply has been marked as private.
    July 26, 2016 at 12:13 am #1102943
    Eidderf
    Participant

    Hi,

    I’m still waiting for your support on this please.

    Thank you

    July 27, 2016 at 11:52 am #1105458
    Nabeel A
    Moderator

    Hi there,

    Thank you for writing in! Please try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    .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;
}
.rtl .x-breadcrumbs {
    display: inline-block;
    width: 63%  !important;
}

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

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

    Let us know how this goes!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1101472 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>