Breadcrumb on mobile not complete

Hello,

for some reason while on desktop the breadcrumb on a product page shows the correct path start / category / product, on mobile / tablet the product part is truncated, see attached image. The image was taken from the official Woodmart demo site and behaves the same on my site.
How to add the product to the breadcrumb on mobile?

Best regards.

Attachments:

You must be logged in to view attached files.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.single-breadcrumbs-wrapper .woocommerce-breadcrumb .breadcrumb-last {
	display: inline;
}
.single-breadcrumbs-wrapper .woocommerce-breadcrumb .breadcrumb-link-last {
  color: #8E8E8E;
  font-weight: 400;
}
.single-breadcrumbs-wrapper .woocommerce-breadcrumb .breadcrumb-link-last:after {
    content: "/";
    margin-left: 5px;
    margin-right: 5px;
}

Regards

It works, thank you!

Regards.

You are welcome.

[Author]

Posts