Breadcumbs title not responsive

[Lyser]

Hello, i would like to make to post title repsonsive in breadcumbs, how to do that ?

[tristup]

Hi Lyser,

Thanks for reaching out.
To adjust the breadcrumb width in the smaller screen devices, you need to add the custom CSS code into the Theme Options > CSS.

@media  (max-width: 480px) 
{
    .x-crumbs-current span
    {
        white-space: break-spaces !important;
    }
}

You may need to adjust the breakpoints as per your need. You can find the details on the custom media query breakpoints: https://medium.com/@uiuxlab/the-most-used-responsive-breakpoints-in-2017-of-mine-9588e9bd3a8a

Please remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks