Social share not being responsive

[Mesh]

Hi there,

The first social share is aligning vertically as opposed to horizontally on the phone.

Could you advise me what CSS I should add to ensure it says horizontal.

Link:https://foodmesh.ca/foodmesh-hero-of-march/

[Prasant]

Hello @Mesh,

Thanks for asking.

Please add following CSS under X > Theme Options > CSS to fix social icon layout:

@media only screen and (max-width: 600px) {
    .x-entry-share .x-share {
    display: table-cell;
    padding: 5px;
}
}

Thanks.

[Mesh]

Thanks Prasant!

[friech]

You’re more than welcome, glad we could help.

Cheers!