Breadcrumbs Alignment Out

[hea hooi_ngoi]

How to adjust the alignment for Magento 2 Breadcrumbs

Thank you.

[Manthan Dave]

Hi @hea hooi_ngoi 

To adjust the alignment of Magento 2 breadcrumbs you actually would require to override the breadcrumb templates.

So you need to create first custom theme and in that override the breadcrumb template and rest you can play with the template and css and achieve the layout adjustments and functionality which you want.

Hope it helps !

[hea hooi_ngoi]

Hi Manthan,

May i know which path and css files to override?

[Manthan Dave]

Hi @hea hooi_ngoi 

Override this file in your theme - below is the file location :

app/design/frontend/<vendor>/<Your Theme>/web/css/source/_breadcrumbs.less

And adjust the layout the way you want - it will works !

Hope it helps !

[hea hooi_ngoi]

Hi,

My ultimo theme doesn't have _breadcrumbs.less file, only have _custom.less file. Please advise.

[Manthan Dave]

Hi @hea hooi_ngoi 

I think you are using ultimo ready-made premium theme - the above path i have given is for Luma theme.

For ultimo theme actually need to debug when and where this breadcrumb file is placed and needs to override the same.

So without checking all the files for me its difficult to give exact file location - i would suggest you to debug on the ultimo theme and find the breadcrumb css.

Hope it helps !