Sometimes you may need to bar in the middle of the content to navigate users through the website. Breadcrumb bars not only look good but enhance the UI/UX element for WordPress using Elementor. Make sure to add proper chronology in your Breadcrumb bar. You can create such Bars by using the Breadcrumb widget.
How to use the Breadcrumb Bar Widget of The Plus Addons For Elementor
The Breadcrumb Bar widget comes with multiple designs. Let’s understand how to use this widget in the tutorial below.
Search for the Navigation Builder from the Elementor screen in the left and then drag and drop it into the content building area.
After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to this widget. First, click on the Content tab.Search for the Breadcrumb Bar from the Elementor screen in the left and then drag and drop it into the content building area.
Select your preferred style for the Breadcrumb Bar from the dropdown. You can choose from the two options you get.
Breadcrumbs Full Width
You can specify whether the Menu position to be fixed or absolute.
You can Align the Breadcrumb bar to either left, right, or center.
Enter the Title of Home.
You can set an Icon or Image for Home.
Choose the Icon Font you want to specify for Home.
You can specify the image size of the Home.
You can set the Separator Icon here.
Select the Icon font for the Separator.
Select the Icon you want to display for the Separator.
Slide right to display Home in the Breadcrumb Bar.
Slide if you want to display Parent in the Breadcrumb Bar.
Slide right if you want to display current in the Breadcrumb Bar.
The Style tab is used for customizing the appearance of all the Navigation Builder widget components. All these styling options include customizing the fonts, colors, background, margins, and padding which are common across all the widgets. So, we have created a single detailed article explaining these Styling Options.
View Style Tab Tutorial
Slide right to activate Parent
You can set the letter limit fo the Parent category.
Slide right to activate Current.
You can set the letter limit fo the Current category.
On Scroll View Animation
On Scroll View Animation Options are used to set beautiful animations to your sections. They are a common option for almost all the widgets. So, we have written a detailed tutorial explaining how to use these options.
View On Scroll View Animation Tutorial