Archived topic

Author Avatar and Byline in new row in mobile view

5 replies · Started by Mathias on January 29, 2021

Viewing posts 1–6 of 6

January 29, 2021 at 10:25 am #1638640

Hallo,

I have this blog post:
https://www.haartransplantation-tuerkei.com/ratgeber/extrem-starker-haarausfall

I would like the author avatar and the byline (Clemens Weber) to be in the next row in mobile view ony.

1. row: date
2. row: author avatar & byline

Can you tell me the css snippet?

thanks
have a great day
Mathias

January 29, 2021 at 10:49 am #1638680

HI there,

Try this CSS:

@media (max-width: 768px) {
    .entry-meta {
        display: flex;
        flex-wrap: wrap;
    }
    .entry-meta .posted-on {
        flex-basis: 100%;
    }
}

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

Let me know if this helps :)

January 29, 2021 at 11:05 am #1638710

thanks for your quick response.

Unfortunately it did not do the trick.

What I want basically is a line-break after the post date.

Any ideas?

thanks

January 29, 2021 at 4:58 pm #1638893

Edited the CSS here:
https://generatepress.com/forums/topic/author-avatar-and-byline-in-new-row-in-mobile-view/#post-1638680

January 30, 2021 at 4:46 am #1639242

thanks Leo,

that worked,
have a great day

January 30, 2021 at 11:36 am #1639813

No problem :)

This archived topic is closed to new replies.

Start building better websites today.