[Support request] Social Icons in header suddenly not displaying correctly

[Carrie]

Hi, I have an element in my header with Social Icons widget to display the social media icons horizontally before-header. This has worked fine for 6 months but suddenly (before latest GeneratePress update) it’s started stretching across the full screen.

I’ve been in to check, have aligned items “none” and also “right” but now they’re stacking vertically, and I don’t have “allow to wrap to multiple lines” checked.

I’ve checked everything I can, if I change it from being right aligned it stretches across the entire screen and I’ve checked everything for being stretched etc. I’m stuck 😐

Link added below

Thanks

[David]

Hi there,

WP 6.1 made some changes to how their core block CSS is loaded. And for some users this leads to a certain CSS rule not being loaded. Not sure why yet, kinda hoping WP will address it. Until then try adding this CSS:

body .is-layout-flex {
    display: flex;
}

[Carrie]

Thanks David, that has fixed it!

[David]

Glad to hear that!!

[Author]

Posts