The chevron icons in our breadcrumb bar have become offset, but I’m unsure how this happened. I haven’t changed the CSS on it directly and can’t figure out if anything is overriding it.
I have been trying to alter it all day with CSS, and I can get it back in place while using inspect on the page, but when I inject it into the CSS area nothing changes. I have tried so many different configurations to get this back where it should go I’m losing my marbles a little bit.
ANY help is appreciated!
+8I don’t know if your issue stems from the same one as mine but I had a situation like this a while back as well. Here is what fixed it for me.
Hopefully it works for you too.
/** Start of chevron fix for breadcrumb bar **/
doc-layout-breadcrumbs .hierarchical-breadcrumbs ui-icon {
margin-right:10px;
}
/** End of chevron fix for breadcrumb bar **/Worth a shot, anyway...
+8
Perhaps that is the source…?
You may not need a 10px offset like I used since your text sections are closer together than mine.
Thank you for these, Greg! I tried taking a look at these aspects and tried the code, but nothing is working. I am going to have to analyze all the CSS I’ve put in and see if something is overriding it. I also tried adjusting the text margin to no avail- again, got it to work in developer tools but not after adding CSS.
Ended up messing with the link text and got this to work in our CSS:
doc-layout-breadcrumbs .hierarchical-breadcrumbs nav ul li a {
margin-left: 10px !important;
}Thanks for the help!
Enter your email address or username and password below to log in to Docebo Community. No account yet? Create an account
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.