grav-plugin-breadcrumbs icon indicating copy to clipboard operation
grav-plugin-breadcrumbs copied to clipboard

Is not responsive?

Open jason-unleashed opened this issue 4 years ago • 1 comments

It doesn't seem like this is mobile friendly. Long blog names distort the layout. As an interim fix, I made a small change to the else portion of the twig to keep everything on one line and within a mobile display.

<span itemprop="name">{{ crumb.menu|truncate(15) }}</span>

This is just a bandaid, I hope someone can help with some CSS guidance.

Thanks, J

jason-unleashed avatar May 23 '20 18:05 jason-unleashed

A simple solution is to change the display property value from flex to inline-block in custom.css.

#breadcrumbs {
    display: inline-block;
}

petira avatar Jun 16 '21 10:06 petira