How can I properly align breadcrumbs?

I want to align the breadcrumbs

Hi @swayurindia

Please add this code at the bottom of your base.css file in Online store > Themes > Edit code > Assets

.breadcrumb {
    margin: 0 auto !important;
    max-width: var(--page-width);
}

Hello I am also requiring solution for one more problem

I want to hide sold out products from the homepage (not remove from the search engine index)

Hi @swayurindia

You can try to add this code to Custom CSS of product list section on hompage and check if it is working

.card-wrapper:has(button[disabled]) { display: none !important; }

not solved.