Tagged: menu
-
AuthorPosts
-
October 10, 2018 at 2:07 pm #1019949
Hi,
Can’t seem to get the menu breadcrumb plugin working. How do you integrate this code into Enfold?
<?php if ( function_exists( 'menu_breadcrumb') ) { menu_breadcrumb( 'my-menu-id' ); } ?>
PLugin: https://wordpress.org/plugins/menu-breadcrumb/#installationThanks
October 11, 2018 at 5:16 am #1020162Hey ezfl0w,
Typically you would add it to in your theme files where you would lke it to show, such as single.php
Unfortunately I tested this plugin and it doesn’t work with Enfold, and by looking at the warning on the plugin page:This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
it may not work with the wordpress core anymore.
Best regards,
MikeOctober 11, 2018 at 1:49 pm #1020316Thanks Mike. Is there any working option out there?
Before I buy it, how about this https://codecanyon.net/item/wp-nav-menu-breadcrumbs/4706192
October 12, 2018 at 5:21 am #1020579Hi,
Sorry, I didn’t find anything about the plugin, but I do see that it was last updated in 2014. Try asking the author I see he posted to someone else that he would give a refund if it didn’t work.
I did find this site with links to css to make some nice breadcrumbs You would just need to modify the classes a little for Enfold.
Here’s a working example I found:
.avia-breadcrumbs { list-style: none; overflow: hidden; font: 18px Sans-Serif; } .avia-breadcrumbs span a,.avia-breadcrumbs span,.avia-breadcrumbs span.trail-before { color: white !important; text-decoration: none; padding: 10px 0px 10px 45px; background: brown; background: hsla(34,85%,35%,1); position: relative; display: block; } .avia-breadcrumbs span.trail-end { color: black !important; text-decoration: none; padding: 10px 0px 10px 45px; background: transparent !important; position: relative; display: block; } .avia-breadcrumbs span a::after,.avia-breadcrumbs span.trail-before::after { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid hsla(34,85%,35%,1); position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; } span.sep {display:none !important; } .avia-breadcrumbs span a::before,.avia-breadcrumbs span.trail-before::before { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid white; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: 100%; z-index: 1; } .avia-breadcrumbs span.trail-before { padding-left: 10px; background: hsla(34,85%,35%,1); } .avia-breadcrumbs span:nth-child(2) a { background: hsla(34,85%,45%,1); } .avia-breadcrumbs span:nth-child(2) a:after { border-left-color: hsla(34,85%,45%,1); } .avia-breadcrumbs span:nth-child(3) a { background: hsla(34,85%,55%,1); } .avia-breadcrumbs span:nth-child(3) a:after { border-left-color: hsla(34,85%,55%,1); } .avia-breadcrumbs span:nth-child(4) a { background: hsla(34,85%,65%,1); } .avia-breadcrumbs span:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); } .avia-breadcrumbs span:nth-child(5) a { background: hsla(34,85%,75%,1); } .avia-breadcrumbs span:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }
Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.