Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Navigation

Smart Responsive Breadcrumbs

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!


Ad: Bluehost hosting

PluginHomePage pIugn information one page Support Forums get help for this plugin Follow Twitter get latest plugin release news Video Youtube see plugin action first

Plugin Information

Smart Responsive Breadcrumbs is powerful breadcrumbs navigation solution that will work with mobile devices and different screen sizes. Breadcrumbs rely on CSS media queries to modify and display for different resolutions. For less than 480px, menu changes from horizontal navigation into vertical and gets hidden behind the menu item.

But, due to the many differences between mobile browsers, different support for CSS, breadcrumbs must use JavaScript to work as designed. There is no way to make it work without use of JavaScript.

To make things look pretty, menu has 6 different type of visual effects and 7 built in color styles each can be combined with 4 background color styles. Demo shows some of them on one page, and also Builder allows you to test all the style element.

Plugin is tested with all available Android browsers, iPhone and iPad Safari and Chrome, all modern desktop browsers. It requires JavaScript and jQuery support to work.

Included Color Styles

Colors available: light, dark, blue, red, gold, green, blue. Each of the color schemes included are available for combination with 4 different background (light, dark, black, white).

Styling Effects

You can combine different effects to display the menu:
  • Rounded: with one class for the rounded display
  • Box Shadow: with one class for the shadow
  • Border: add border to the breadcrumbs list

Other Features

  • Various demos and examples to show how menu can be set
  • Style builder for testing each of the styles and effects
  • Full source files for both CSS and jQuery
  • Minimized CSS and JS files


Version 1.0 / 2013.02.21.

  • First release

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


22 February 13

Last Update:
22 February 13

Compatible Browsers:
IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Software Version:

Files Included:
JavaScript JS, HTML, CSS


animated, breadcrumbs, collapse, css3, easing, horizontal, jquery, navigation, responsive, transitions, vertical