Return to previous page

Double Breadcrumb on product / product category pages

This topic has 4 replies, 2 voices, and was last updated 1 years, 7 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)