Header Breadcrumbs (PRO)
By default, Neve supports breadcrumbs on the Shop/Archive (WooCommerce) and Single Product pages.
All you need to do it install & activate one of these plugins and activate their breadcrumbs functionality. After that, Neve will display the breadcrumbs.
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. Header Breadcrumbs is part of Neve Pro's Header Booster module.
Want to read more about breadcrumbs in Neve? Follow this doc.
Add Header Breadcrumbs
The header builder ( found in Appearance > Customize > Header ) has three rows in which you can easily select and arrange the available components you can find while hovering over each division of the rows. Just click on the "+" (Add) sign and a list of components will appear. From there you can add the Breadcrumbs.
Open customizations for Breadcrumbs
To open the customizing options, just click on the newly added Breadcrumbs Settings Wheel of the component. This will open the Breadcrumbs panel on the left side, from where you can customize the component.
Change the HTML tag used
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.
Style the Header Breadcrumbs
- Links Color
- Links Hover Color
Custom padding and margin
Click on the Layout tab to have access to advanced positioning options like Alignment ( inside the header builder available space for the Breadcrumbs component ), Padding and Margin.