hide the product name in breadcrumb on mobile

Hello on the product page (single product) by default the theme hides the product name in breadcrumb on mobile devices, but when we go to layouts and create a template for the product page it stops working, is there an option to enable it? that?

I managed to solve it as follows in custom css Mobile I added this code

.single-product .woocommerce-breadcrumb .breadcrumb-last {
    display: none;
}

but unfortunately the / stays there and I couldn’t remove it….

thanks

*attached images

Attachments:

You must be logged in to view attached files.

Hi,

Thank you for your attention. Try to add the following code snippet to the Custom CSS area in Theme Settings to make breadcrumbs look on the layout builder product page like it does on the regular product page.

.wd-single-breadcrumbs :is(
.woocommerce-breadcrumb,
.yoast-breadcrumb) .breadcrumb-link-last {
  margin-right: 0;
  color: var(--color-gray-800);
  font-weight: 600; }

.wd-single-breadcrumbs :is(
  .woocommerce-breadcrumb,
  .yoast-breadcrumb) .breadcrumb-link-last:after {
    content: none; }

.wd-single-breadcrumbs :is(
.woocommerce-breadcrumb,
.yoast-breadcrumb) .breadcrumb-last {
  display: none; }

We also consider improving this in the next theme updates.

Kind Regards

thank you very much,
I added it in Custom CSS for mobile .
solved my problem.

You are welcome!

[Author]

Posts