changing product category font size in shop page

Site URL: https://www.kelseyrodriguez.com/shop

Hello everyone! 

I've combed the forums and tried a few different iterations of code and am struggling to change the font size of my product categories on mobile. On my site (no password) kelseyrodriguez.com/shop, the product categories don't scale down in mobile view (see attached photo) leading to a lot of unwanted horizontal overflow.

I'd love some code to make these product categories scale down, or even just break into two lines, but I don't know the specific tag to target. 

Any help would be great! Thanks in advance!

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
li.nested-category-breadcrumb-list-item * {
    font-size: 12px;
}
}

Thank you this worked for my site too. Had tried a few different options to try and find the right one!

How do I change the categories font on a shop page?

19 hours ago, Funjob said:

How do I change the categories font on a shop page?

Can you share link to shop page?

Thanks, Tuanphan, but I figured it out. Although, while you're here could you tell me how to change the font on the "subtotal" heading on the cart screen?

https://www.underhereyes.com/cart

Password: Eyeballs

13 hours ago, Funjob said:

Thanks, Tuanphan, but I figured it out. Although, while you're here could you tell me how to change the font on the "subtotal" heading on the cart screen?

https://www.underhereyes.com/cart

Password: Eyeballs

 

font name, font color, size or..?

@Funjob @tuanphan

I attempted to answer the same question here.

I assumed it was the font-family.

Yup! Thanks a million!

On 11/10/2020 at 10:12 AM, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
li.nested-category-breadcrumb-list-item * {
    font-size: 12px;
}
}

 

@tuanphan Thanks so much this exactly what i needed right now...how would I go about centering the now smaller text?