Breadcrumb

The Breadcrumb widget in JupiterX is a valuable tool for enhancing website navigation and improving user experience. This widget displays a breadcrumb trail, which is a hierarchical navigation path, typically located near the top of a webpage. Breadcrumbs help users understand their current location within the site’s structure and allow them to easily navigate back to previous pages.

Content Tab

  • Alignment: Choose to align the breadcrumbs to the left, center, or right within their container.
  • HTML Tag: Select from the drop-down menu to set your breadcrumbs within an appropriate HTML container, such as <div> , <nav> , <p> , or <span>
  • Breadcrumbs Type:
    • Default: Sticks to the JupiterX theme's design.
    • Yoast SEO: Integrate breadcrumbs from the Yoast SEO plugin for enhanced SEO capabilities.
    • Breadcrumb NavXT: Use this option if you prefer the customizability of the Breadcrumb NavXT plugin.

Remember, if you choose Yoast SEO or Breadcrumb NavXT:

  • Make sure the chosen plugin is installed and configured.
  • Enable the breadcrumb feature in your selected plugin's settings.
  • Adjustments specific to these plugins will need to be managed in their settings, not in Elementor.

Style Tab

  • Text Color: Pick a color that fits your design for the breadcrumb links.
  • Typography: Customize font attributes including size, weight, and font family.
  • Separator Color: Set a color for the separator icon.
  • Text Hover Color" Designate a color for when a user hovers over a breadcrumb link.
  • Spacing" Adjust the spacing between the breadcrumb elements.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.