How to move category titles on mobile product page?

Site URL: https://www.scrunchme.co.uk

Hi,

I'm having a problem where on the mobile product page you can't read all the categories as cut off each side. Can I move them on two lines or make them smaller so they all fit on one line?

site: www.scrunchme.co.uk
Password: coral

Thanks,

Coral

I would like it to match desktop view, In one line so the text is smaller to fit on, if possible.

Thanks,

Coral

 

Use this CSS for both problems

a.root {
    padding-bottom: 0 !important;
}

li.category-item a {
    padding-top: 0px !important;
}
@media screen and (max-width:767px) {
 .products.collection-content-wrapper .nested-category-tree-wrapper>ul {
    flex-wrap: wrap;
}   
}