How can I make breadcrumb placement responsive on my site?

Store Design
1

Hi all,

I’m looking to make the breadcrumbs on my site responsive. I realized it goes into an entirely different position when I’m viewing it on a larger screen.

Does anyone know how I can fix it to be at the start of the image for all views?

This is my current code:

.breadcrumb{
margin-left: 14%;
margin-bottom: 30px; }

desktop 1.png
desktop 1.png1889×696 146 KB

desktop 2.png
desktop 2.png1893×763 147 KB

2

Hi @CKJ1

Hope you are doing well

please can you share your store detail url

Thanks

3

https://wjl-new-store.myshopify.com/products/apple-flower-ping-guo-hua

lodrip