[Support request] Social Icon Problem after Update

[Paul]

Dear GP-Team,
I updated to WordPress 6.1 and also to the newest vesion of GeneratePress.
Everything seems to work fine except for the Social Sharing Icons.

After the update they are now being display in fullwidth, like in this example: Screenshot

I tried the solution provided by David here, but this didn’t work.

Do you maybe have a fix?

Best,
Paul

[Ying]

Hi Paul,

I can see you have this CSS:

body .is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

Can you try addingdisplay: flex; to this CSS?

[Paul]

Hey Ying,
thanks, this worked! Now there’s just the spacing missing between the icons. Ist there a fix for that as well?

[Leo]

Try this:

li.wp-social-link {
    margin-right: 5px;
}

Alternatively, you can use the buttons block from GenerateBlocks and won’t have to use any CSS at all:
https://docs.generateblocks.com/article/buttons-overview/

[Author]

Posts