Archived topic

Social icons not aligning in off canvas panel

7 replies · Started by Timothy on March 17, 2023

Viewing posts 1–8 of 8

March 17, 2023 at 11:56 am #2571506

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.

March 17, 2023 at 12:07 pm #2571516

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!

March 17, 2023 at 1:07 pm #2571560

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

March 17, 2023 at 2:17 pm #2571604

Hi Tim,

Can you try this CSS:

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

March 17, 2023 at 3:42 pm #2571658

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

March 17, 2023 at 6:25 pm #2571729

Try this CSS as well:

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

March 17, 2023 at 6:41 pm #2571735

That worked!

Thanks, Leo.

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

Cheers,
Tim

March 18, 2023 at 10:49 am #2572463

No problem :)

This archived topic is closed to new replies.

Start building better websites today.