Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Is not responsive? #32

Open
jason-unleashed opened this issue May 23, 2020 · 1 comment
Open

Is not responsive? #32

jason-unleashed opened this issue May 23, 2020 · 1 comment

Comments

@jason-unleashed
Copy link

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

@petira
Copy link

petira commented Jun 16, 2021

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

#breadcrumbs {
    display: inline-block;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants