About the bread crumbs of product page

Hi there, I have a question about bread crumbs, such as the two screenshots in the attachment. These are the same PC and mobile from the same product url, but the bread crumbs are displayed in different ways. What I want is to display the bread crumbs on the computer in the same way as on the mobile. I have tried to use the following CSS settings:

.woocommerce-breadcrumb .breadcrumb-last:last-child, .yoast-breadcrumb .breadcrumb_last:last-child {
    display: none;
}
.single-breadcrumbs-wrapper .woocommerce-breadcrumb .breadcrumb-link-last {
    margin-right: 0;
    color: #333;
    font-weight: 600;
}

But I found that after this setting, the “/” at the end of bread crumbs cannot be deleted. Should I set it this way? Could you help me please?

Attachments:

You must be logged in to view attached files.

Hello,

I compare desktop and mobile and I cannot see the difference in the breadcrumbs. https://gyazo.com/ff5d5c2414270562b36eb8e60daf6c02 and https://gyazo.com/14186cd6b54e3635d7b1e637541067c1

The only difference, that breadcrumbs go to three lines on mobile.

Please clarify what you mean?

Best Regards

Hello, thank you very much for your so quickly resbonsel, what i mean is the “/” symbol at the end of the bread crumb on the desktop, also please check the attachment.

Attachments:

You must be logged in to view attached files.

Hello,

By default, there is no "/" in the breadcrumbs, you can see that in our demo: https://gyazo.com/f561f57fc548f44b018fb31b22554c93 and https://gyazo.com/ae57881e8899eb1f610c1490b9d81831

Most likely this slash appears as a result of customization or another plugin.

Please deactivate all the plugins except these ones:

Slider Revolution
WPBakery Page Builder or Elementor
Woodmart Core
Contact Form 7
MailChimp for WordPress
WooCommerce
Safe SVG

If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

Best Regards

Hi Elise,

Thanks very much for your patience and generosity.
Yes, as shown in your screenshot, the display of bread crumbs on the desktop is different from that on the mobile. The desktop displays four levels, but the mobile only displays three levels. Would mind check that again?
I mean, I want to set the breadcrumbs on the desktop to be exactly the same as the mobile terminals. Is that possible?

Best Regards & Thanks again.
Peter

In addition, please check the attachments of the screenshot of “store page”, which are desktop and mobile phone respectively. On the desktop, it cannot display “shop“, but it is still displayed on the mobile. Could you check it please?

Attachments:

You must be logged in to view attached files.

Hello,

Please, confirm the permission for plugins deactivation, switching to the parent or default theme. This testing may take up to 15 minutes. You would better make the full backup of your site. I will double-check.

Best Regards

[Author]

Posts