Breadcrumb Not Visible Beyond A Certain Screen Resolution

Hi

I have been trying to make the breadcrumb not so intrusive when viewing our store on a mobile phone.

(read: iPhone 5se)

I am using the following css code in the custom css settings of the theme editor:

@media (max-width: 680px) 
{
    .ty-subcategories__item
    {
        display: none;
    }
}

In the styles.less file I cannot find a reason why the breadcrumb is not visible in smaller screens.