Site logo

[Resolved] Social icons not aligning in off canvas panel

Home Forums Support [Resolved] Social icons not aligning in off canvas panel

Home Forums Support Social icons not aligning in off canvas panel

  • This topic has 7 replies, 3 voices, and was last updated 3 years ago by Leo.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2571506
    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.

    #2571516
    Leo
    Staff
    Customer Support

    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!

    #2571560
    Timothy

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

    #2571604
    Ying
    Staff
    Customer Support

    Hi Tim,

    Can you try this CSS:

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

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

    #2571729
    Leo
    Staff
    Customer Support

    Try this CSS as well:

    .slideout-navigation .slideout-widget {
        margin-left: auto;
        margin-right: auto;
    }
    #2571735
    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

    #2572463
    Leo
    Staff
    Customer Support

    No problem 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.