Return to previous page

Double Breadcrumb on product / product category pages

This topic has 4 replies, 2 voices, and was last updated 1 years, 6 months ago ago by Rose Tyler

HUSSTLE

Participant

June 27, 2023 at 13:42

This is a follow-up to a previous ticket (https://www.8theme.com/topic/double-breadcrumb-on-product-pages-advanced-custom-fields/).

After looking at the breadcrumb again, as I moved up to the path, the breadcrumb changes to center alignment and not left. Can you take a look and see what needs to happen to have the breadcrumb remain consistent on all product pages and page categories?

BTW – Product page breadcrumb looks EXCELLENT!

Please, contact administrator
for this information.

#360412 Copied Theme version: 9.1.7 WooCommerce version: 7.8.0

3 Answers
Rose Tyler

Support staff

June 27, 2023 at 16:02
Hello, HUSSTLE,

It can be solved with custom CSS because on e-commerce non-single product pages breadcrumbs shows in another structure (comes from your plugin):
```
.breadcrumb-trail .container {
    display: inline-block;
    width: auto;
    padding: 0;
}
.breadcrumb-trail .page-heading {
    text-align: start;
    width: 100%;
    margin: 0 auto;
    color: currentColor;
}
@media only screen and (min-width: 768px) {
    .breadcrumb-trail .page-heading {
        max-width: 750px;
    }
}
@media only screen and (min-width: 992px) {
    .breadcrumb-trail .page-heading {
        max-width: 970px;
    }
}
@media only screen and (min-width: 1200px) {
    .breadcrumb-trail .page-heading {
        max-width: 1440px;
    }
}
```
If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team
#360438 Copied
HUSSTLE

Participant

June 27, 2023 at 16:15

Rose – implemented into Global CSS, but not displaying like the product link provided.

Provided link URL(s) in private area.

Thanks!

Please contact administrator
for this information.

#360441 Copied

Rose Tyler

Support staff

June 28, 2023 at 07:16

Hello, HUSSTLE,

We improved your custom by replacing
.breadcrumb-trail .container
to
.breadcrumb-trail .page-heading > div
Result → https://prnt.sc/bmJpSqLvu7WK
Please, check now and give us feedback

Kind Regards,
8theme team

#360513 Copied
Tagged: double breadcrumb, product categories, product pages, templates, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)