Home › Forums › WoodMart support forum › hide the product name in breadcrumb on mobile

hide the product name in breadcrumb on mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 28, 2023 at 11:20 pm #516589

    TRT
    Participant

    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.
    November 29, 2023 at 10:49 am #516713

    Bogdan Donovan
    Keymaster

    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

    November 29, 2023 at 2:40 pm #516806

    TRT
    Participant

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

    November 29, 2023 at 5:55 pm #516906

    Bogdan Donovan
    Keymaster

    You are welcome!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)