[Resolved] Gravitar spacing mobile vs desktop

[Kevin Wabiszewski]

Hello, I’ve been trying to figure out why there is a space between the author’s name and the date on mobile devices for a couple of hours. It looks really good on desktop but I was wondering if I’m missing a setting somewhere that is creating that space on mobile.

Thanks in advance for your time/feedback.

[Leo]

Hi there,

Any chance you can clear and disable the caching plugin for us to debug?

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kevin Wabiszewski]

Hi Leo,

I just disabled them, let me know what you think and thanks again!

[Tom]

I assume there’s some sort of spacing being added by flexbox, but I can’t figure out what it is exactly.

You could try doing this:

@media (max-width: 768px) {
    .single-post .entry-meta .meta-data .posted-on {
        margin-top: -5px;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Kevin Wabiszewski]

That worked, thanks a lot guys!

[Tom]

Awesome, glad I could help 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts