grav-plugin-breadcrumbs
grav-plugin-breadcrumbs copied to clipboard
Is not responsive?
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
A simple solution is to change the display
property value from flex
to inline-block
in custom.css
.
#breadcrumbs {
display: inline-block;
}