JamesBrown Well-known member Jun 8, 2019 #1 Can anyone tell me how I can remove the just the top breadcrumb from all pages? Cheers
Ozzy47 Well-known member Jun 8, 2019 #2 Untested but you can try: CSS: .p-breadcrumbs { display: none; } In your extra.less template. Upvote 0 Downvote
TickTackk Well-known member Jun 8, 2019 #3 CSS: .p-breadcrumbs:not(.p-breadcrumbs--bottom) { display: none; } Upvote 0 Downvote
JamesBrown Well-known member Jun 8, 2019 #4 batpool52! said: CSS: .p-breadcrumbs:not(.p-breadcrumbs--bottom) { display: none; } Click to expand... Thanks but that removes both as well Upvote 0 Downvote
batpool52! said: CSS: .p-breadcrumbs:not(.p-breadcrumbs--bottom) { display: none; } Click to expand... Thanks but that removes both as well
JamesBrown Well-known member Jun 8, 2019 #5 ozzy47 said: Untested but you can try: CSS: .p-breadcrumbs { display: none; } In your extra.less template. Click to expand... That removes the bottom one too Upvote 0 Downvote
ozzy47 said: Untested but you can try: CSS: .p-breadcrumbs { display: none; } In your extra.less template. Click to expand... That removes the bottom one too
TickTackk Well-known member Jun 8, 2019 #6 It shouldn't on default style. If you're using custom style author why breadcrumbs in the bottom doesn't have p-breadcrumbs--bottom class. Upvote 0 Downvote
It shouldn't on default style. If you're using custom style author why breadcrumbs in the bottom doesn't have p-breadcrumbs--bottom class.
JamesBrown Well-known member Jun 8, 2019 #7 Ah Ok, I'm using a pixelexit theme, I'll ask there . Cheers Upvote 0 Downvote
PapaTango Member Feb 17, 2023 #8 An update on this in 2023! The code works fine to hide the bottom breadcrumb for those that need it. This post quickly solved that for me. The bottom instruction is: CSS: .p-breadcrumbs--bottom { display: none; } Upvote 0 Downvote
An update on this in 2023! The code works fine to hide the bottom breadcrumb for those that need it. This post quickly solved that for me. The bottom instruction is: CSS: .p-breadcrumbs--bottom { display: none; }