[Resolved] Social icons not aligning in off canvas panel

[Timothy]

Trying to add social icons with the social icons block in the off canvas panel widgets.
Despite being justified center and aligned center, the two ions are split to the two edges of the panel.

I’ve tried several different configurations – both icons in one block (then they were nearly on top of each other horizontally) and now in two different blocks.

What am I missing?

Thank you in advance.

[Leo]

Hi there,

I believe both icons in one block is the better solution.

Can you add that in below the current setup so I can determine the best solution possible?

Thanks!

[Timothy]

I replaced the current set up. One block. Center justified. Horizontal orientation.

[Ying]

Hi Tim,

Can you try this CSS:

#generate-slideout-menu.slideout-navigation .slideout-widget ul {
    display: flex;
}

[Timothy]

Added CSS. The icons now have more spacing between but they’re not centered. Do you see a difference?

[Leo]

Try this CSS as well:

.slideout-navigation .slideout-widget {
    margin-left: auto;
    margin-right: auto;
}

[Timothy]

That worked!

Thanks, Leo.

I’ll finish customizing the off-canvas panel this weekend.
Hopefully there won’t be any more issues.

Cheers,
Tim

[Leo]

No problem 🙂

[Author]

Posts