Topic: $breadcumb-divider: none help
Adding $breadcrumb-divider: none to my _custom-variables.scss doesn't remove the divider.
In the demo page (https://mdbootstrap.com/docs/jquery/navigation/breadcrumb/#separator) it's not clear where to add the $breadcrumb-divider. The
How do I change/remove the divider?
Hi,
you can add this CSS to your code: .breadcrumb-item+.breadcrumb-item::before {
content: "";
} to remove a divider.
Best, Marta
You change it in your document in the javascript script section...
If you have an on-load call just add this to the call: $breadcrumb-divider:none;
or add $(document).ready(function(){ $breadcrumb-divider:none;
...anyother initialization code like scroll spy, mdb select, data Wow
});
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Premium
- Premium support: Yes
- Technology: MDB jQuery
- MDB Version: 4.7.3
- Device: PC
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes