Help with the author profile at the bottom of posts

Hi Heath,

My issue is it doesn’t look good on mobile

What would you like it to look like on mobile?

the major issue is that it doesn’t show the author Description/bio box.

I can see the description. Have you fixed it?
https://www.screencast.com/t/Gcc0mcAybgc

Somehow it is updated. Is there a way to get the icons to be on the right like they are on desktop? Not underneath.

Hi Heath,

Can you try adding row-mobile to the grid block containing the author name and the icon?

You then add this CSS:

@media(max-width:768px){
.row-mobile {
    flex-direction: row;
    display: flex;
}

.row-mobile > .gb-grid-column {
    width: 50%;
}
}

I can try that. How do I add that to the grid block?

Here's a sample video - https://share.getcloudapp.com/rRujNEPn

Use the live view listing so you can specifically target the grid block. Sometimes it's hard to select it specifically when there are too many nested contents in it.

I actually did this but then it made it look weird because it put the author bio underneath the icons to the right as well.

I actually did this but then it made it look weird because it put the author bio underneath the icons to the right as well.

You have nested grids. https://share.getcloudapp.com/xQu7z9j9

Add it on the grid block that's the direct parent of the icons. :)