I would like the categories displayed e.g. small originals, to be smaller. I have tried using other code i've found in forums but it doesn't work. I currently have this code in my custom css:
@media screen and (max-width: 575px) {
.products.collection-content-wrapper .nested-category-children {
align-items: center;
flex-direction: column;
overflow-x: hidden;
}
.nested-category-breadcrumb-list-item .breadcrumb-separator {
display: none;
}
}
This is used to make the category tiles stacked on mobile view. I would like to add new code to make the font size smaller on desktop view, without changing the code that's already there to stack the categories on mobile view. I'm not sure how to add more code when there is already code there.
Thanks!
Rachel