Help request for breadcrumb padding/ margins in dawn theme

First off, thank you for taking the time to help!

I would like to tighten up the space surrounding the breadcrumbs with a mobile-friendly code. Can someone please provide a trusted code that I can paste to the end of my base.css? I have fonts covered, just need the padding/margins.

The space on top isn’t too bad as you can see, but I would like it to all be nice and “tucked in” between the header and the first image.

Thanks again!

Mobile:

Desktop:

@SydneySmith - can you share this page link?

Hello @SydneySmith
Can you share store URL?

Hey @SydneySmith ,

Please share the link to your store. Thanks!

Sorry!

Sorry! Here’s a product page.

https://sydneyscollection.com/products/surprised-egg-no-1

Hey @SydneySmith ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

Yes! That’s the one. Thank you very much.

Do you also have something to move the breadcrumbs under the hero section? The ‘product pages’ look perfect, but the crumbs in my collection, about, blogs etc need to be moved from under the header, to under the hero image.

Thanks in advance!