How can I properly align breadcrumbs?

Solved

How can I properly align breadcrumbs?

swayurindia
Excursionist
144 0 9

I want to align the breadcrumbs

breadcrumbs.JPG

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
9136 1828 1863

This is an accepted solution.

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);
}

Screenshot 2023-10-06 at 13.44.31.png

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
9136 1828 1863

This is an accepted solution.

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);
}

Screenshot 2023-10-06 at 13.44.31.png

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

swayurindia
Excursionist
144 0 9

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)

Dan-From-Ryviu
Shopify Partner
9136 1828 1863

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; }

 

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

swayurindia
Excursionist
144 0 9

not solved.