Discussion on Modern CSS3 Breadcrumbs

Discussion on Modern CSS3 Breadcrumbs

Cart 128 sales

PIXINVENT supports this item


This author's response time can be up to 1 business day.

6 comments found.

Beautiful job!

Thank you!!!

Quick question. I purchased the Modern CSS3 Breadcrumbs from you and tried to import the HTML code into my Main Page and all I am getting when viewed in a browser is the code. I am using Adobe Muse to construct this current project. Object<Insert HTML.. I then insert the HTML code and then preview inside the program as well as in my browser and still nothing. Any ideas why this would be happening? I have inserted other HTML codes for forms and maps and have had no issues. Thanks for your help.

Can you please give me URL or the code, is there any css conflict ?

I’d prefer to not post the URL because it is a company’s site that I am working on. Is there an email address that I can forward the requested info to? Thanks for getting back to me.

Nice work, but it would be really great if it has RTL support

We will do in next release.

Is it possible to use it on my Wordpress/Woocommerce website?

Yes but its HTML, CSS Version , You have to make it WordPress compatible

First off i really like this breadcrumb menu works awsome and looks good right out of the box. :) one question to ask could you possibly suggest a method or example to be able to apply this to a javascript auto bread crumb trail? for ex.

<HEAD> <script language=”JavaScript”>

function breadcrumbs(){
  sURL = new String;
  bits = new Object;
  var x = 0;
  var stop = 0;
  var output = " California Jobs » ";
sURL = location.href;
sURL = sURL.slice(8,sURL.length);
chunkStart = sURL.indexOf("/");
sURL = sURL.slice(chunkStart+1,sURL.length)
  chunkStart = sURL.indexOf("/");
  if (chunkStart != -1){
    bits[x] = sURL.slice(0,chunkStart)
    sURL = sURL.slice(chunkStart+1,sURL.length);
    stop = 1;
for(var i in bits){
  output += "" + bits[i] + " » ";
document.write(output + document.title);
document.write(" ");

</script> </HEAD>


<SCRIPT LANGUAGE=”JavaScript” TYPE=’text/javascript’>breadcrumbs()</SCRIPT>


or something simalar cant really get this example to work with it either. Any Suggestions?

I have downloaded and am using these breadcrumbs but have an issue which I am hoping you can solve – when the screen is at 100% zoom (i.e normal) everything looks and works fine but as soon as the zoom level on the screen is adjusted the backgrounds don’t resize so you end up with the bottoms of arrows cut off (the text is fine).

It does this in your examples included with each colour of the files so I don’t think it is something I am doing wrong – can you suggest how to fix this please?

Hello Dowzer,

This is not responsive CSS3 Breadcrumbs, So it may be change while changing zoom level. Can you pleas send me image on, that will help me to solve for you.

Thanks for purchase !


Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey