Home Forums Basel support forum Fix the display of breadcrumbs on mobile

Fix the display of breadcrumbs on mobile

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #85117

    Jeriss Cloud Center
    Participant

    On my mobile (Galaxy S6), the display of the breadcrumbs is showing fine because the screen is still large.

    But on my other mobile (Galaxy S8, screen less large), the breadcrumbs are not showing good, especially when I go deep into the sub-categories.

    Example below :
    https://gevcen.be/product-category/cordonnerie/semelles/semelles-par-matiere/charbon-actif/

    Attachments:
    You must be logged in to view attached files.
    #85185

    Hello,

    Deactivate the settings/plugins which prevent viewing the code of the page and inspect elements. We shall try to provide custom CSS.

    Best Regards

    #85335

    Jeriss Cloud Center
    Participant

    Protection disactivated. Can you re-investigate please?

    #85394

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Mobile

    .offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .shop-loop-head .woocommerce-breadcrumb {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    Best Regards

    #85435

    Jeriss Cloud Center
    Participant

    Perfect. Works well. Can be closed.

    #85462

    You are welcome!

    #85887

    Jeriss Cloud Center
    Participant

    Can you mark this as completed? Thanks

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Fix the display of breadcrumbs on mobile’ is closed to new replies.