Apisorganic

Add to Design > Custom CSS
/* header icons */ .header-actions-action.header-actions-action--social>a { background-color: black; width: 50px !important; height: 50px !important; border-radius: 50%; display: flex; font-size: 12px !important; align-items: center; justify-content: center; } .header-actions-action.header-actions-action--social>a svg { fill: white !important; width: 50%; height: 50%; text-align: center; display: flex; }  

I would say there is a bug in SS. I was just editing an item on my test v7.1 site and I have set up some categories.

I had the blouses category assigned to a product item and it showed up like...

...at the top of the product page. After editing the item. The breadcrumbs were changed to...

Basically they have removed the breadcrumbs path on the product page.
I suggest reporting this bug to SS.

Hi,
Add this to Design -> Custom CSS
 
.nested-category-children a { font-weight: bold; } @media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-children { flex-wrap : wrap; } }