Thank you so much @nolo – I’ve updated this component with your code (and added some more code bits) to enable some additional functionality:
Hello! This component is great!
There’s just one detail that maybe you know how to fix.
The back button disappears when you scroll down (please see attached video)…is it possible to have the back button fixed/floating at the top of the screen so that it remains visible even when scrolling?
Context: the community is embedded (webview) in our mobile app.
Thank you @cristo for that great suggestion which is now included as a setting:
Thank you @denvergeeks ! The button is now sticky.
But, as you can see in the attached video, the button is not taking me back to the same point in the scroll on the home screen.
Yes because it’s a Home button, not a Back button!
My bad! I thought it was a back button because of the arrow.
@denvergeeks thank you for clarifying! Do you happen to know of a component that offers a back button?
No I am not aware of any existing TC that is (or includes) a proper Back button. There might well be something existing that includes one.
But I do recognize the utility of having a Back button within the site navigation, so I’ll work out a separate TC that provides that.
Maybe you could look to see if there is any existing theme or theme component that happens to include one. Finding that might speed up my process.
Awesome! I’ll research and let you know my findings.
Thank you!
@denvergeeks I found a topic that might be useful:
I haven’t found yet any existing theme or component that includes a back button.
Unfortunately, I’m having this same issue on an iPhone 16 Pro Max.
Yes, I can confirm that it appeared after an update. I am having this issue on my Android phone.
Thanks @Aaron_Walsh and @cristo for reporting! Please update now and let me know your results!
I can confirm the issue on the Android side. It has now been fixed and removed.
Fixed on my iPhone!
@denvergeeks Awesome! The back button is working on Android.
Thanks a lot!
I noticed that there’s no way of deciding where the breadcrumbs go, which would be great. For example I’m using the Category Banners and I would like the breadcrumbs to be above that.
It gets a bit lost when it’s below.
Any chance of changing this?
Thanks
I just noticed something that could be fixed (or at least having the option to toggle that on and off). I don’t think the last / needs to be there
So it would be just Home / General Discussion instead of Home / General Discussion /
EDIT:
I just used CSS to do that, but I believe it could be the default. In case someone wants that:
/* Remove separator (::after content) from the last breadcrumb item */
.breadcrumbs li:last-child::after {
content: none;
}
This is a minor tweak, but it looks better to me. Increase the margin-bottom to 1rem to give it more space to “breathe”, but it also centers it when there’s a banner (if we have to stick to that position on the page). Look at my previous image (the default 0.5rem) versus using 1rem:
Final result after all the CSS tweaks I made:
CSS:
/* breadcrumbs - remove background and increase margin-bottom */
.breadcrumbs {
background-color: transparent !important;
margin-bottom: 1rem;
}
/* breadcrumbs - hide back arrow from Home link */
.breadcrumbs__title .d-icon {
display: none;
}
/* breadcrumbs - remove separator (::after content) from the last breadcrumb item */
.breadcrumbs li:last-child::after {
content: none;
}