Mobile Responsiveness Issue

For some reason the product name in breadcrumb in mobile devices is not contained within the container. Any idea what is causing that ?

Looks 100% fine to me

image
image

Maybe try clearing your cache?

I was referring to the product title in breadcrumb

That section is badly designed and is fixed to one line only by default.

You may be able to get away by addin g the following code as an over-ride.

.site-breadcrumbs{
height:auto;
min-height:32px;
white-space:normal;
line-height:normal;
}
.site-breadcrumbs .trail-items{
display:flex;
}

That code will need to follow after the original styles as it contains over-rides.

1 Like