$breadcumb-divider: none help

web
mobile

Topic: $breadcumb-divider: none help

lede pro asked a year ago

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?


TonyO pro answered a year ago

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

});


Marta Szymanska staff pro premium answered a year ago

Hi,

you can add this CSS to your code: .breadcrumb-item+.breadcrumb-item::before { content: ""; } to remove a divider.

Best, Marta


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: jQuery
  • MDB Version: 4.7.3
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes