The Breadcrumbs Component - Neve Header / Footer Builder (PRO)
📝Note: This component is part of the Neve Header / Footer Builder.
By default, Neve supports breadcrumbs on the Shop / Archive (WooCommerce) and Single Product pages.
But Neve also supports the most popular plugins used for breadcrumbs: Yoast SEO, Rank Math SEO, Breadcrumb NavXT, and SEOPress Pro. After installing and activating one of these plugins. Activate their breadcrumbs functionality, then Neve will display the breadcrumbs.
📝 Note: While in the free version, there is no control over where the breadcrumbs appear, in Neve Pro, using the Breadcrumbs components for the header builder, breadcrumbs can be placed anywhere in the header area.
🧰Using the Component
- 1
- Start by adding the component into the rows, by clicking on the ➕ button and selecting the component.
- 2
- Open the component's settings to customize it, by clicking on the ⚙️icon.
🔮Customizing the Component
There are three panels with customizing options for this component, which allow you to create the desired header / footer:
| General |
Layout |
Style |
📐General Panel
In the General tab, you can find the HTML tag option where you can select the tag that should be used by the breadcrumbs: div, span, small, p, h1, h2, h3, h4, h5, or h6.
📐Layout Panel
The layout options allow the following adjustments:
- Padding - available in PX, EM, and %, with a link button that helps with establishing the same dimension for all the directions ( Desktop | Tablet | Mobile ).
- Margin - available in PX, EM, and %, with a link button that helps with establishing the same dimension for all the directions ( Desktop | Tablet | Mobile ).
🖌 Style Panel
The Breadcrumbs component can be styled through the following options:
- Links Color - set the color of the links in breadcrumbs.
- Links Hover Color - modifies the link color that appears after hovering with the mouse.
🗂Useful Resources
Breadcrumbs in Neve
Want to read more about breadcrumbs in Neve? Follow this doc.