[Resolved] Social media icons in the center of the footer

Home Forums Support [Resolved] Social media icons in the center of the footer

Home Forums Support Social media icons in the center of the footer

Viewing 15 posts - 1 through 15 (of 18 total)
  • Author
    Posts
  • #1523156
    Matthieu

    Hello, do you know how I could put social media icons in the center of the footer?
    (I use the Lightweitght Socials Icons extension)

    Thanks 😁

    #1523163
    Elvin
    Staff
    Customer Support

    Hi,

    Try this CSS code:

    .inside-site-info.grid-container {
        position: relative;
    }
    .footer-bar {
        position: absolute;
    }

    A wise man once said:
    "Have you cleared your cache?"

    #1523170
    Matthieu

    It doesn’t work as expected, it has centered the icons and the text. 😅

    #1523175
    Elvin
    Staff
    Customer Support

    It doesn’t work as expected, it has centered the icons and the text. 😅

    To clarify: You only want the icons to be in the center?

    If so, can you move the email link to the footer bar along with the social icons and text instead of adding it on the copyright bar?

    So we could style them properly. Thank you.

    A wise man once said:
    "Have you cleared your cache?"

    #1523658
    Matthieu

    Hello, thank you for your answer. I added the mail in the footer widjet with the others. We therefore have 3 elements in the footer bar: Lightweight Social Icons / Personalized HTML with “Mentions légales – plan du site” / Personalized HTML with the email.

    The 3 are displayed on top of each other. How to get: the email address on the left / social network icons in the center / “mentions légales – plan du site” on the right.

    Thanks 😁

    #1523978
    David
    Staff
    Customer Support

    Hi there,

    can you share a link to your site?

    #1523985
    Matthieu

    Hello, here it is :

    #1524009
    David
    Staff
    Customer Support

    Try this CSS:

    .footer-bar {
        display: flex;
        align-items: center;
    }

    The only issue with the current CSS provided here:

    https://generatepress.com/forums/topic/social-media-icons-in-the-center-of-the-footer/#post-1523163

    Is that there is not enough room on smaller screens to stop those widgets from overlapping the copyright info. Where should the copy right display ? Maybe below the icons

    #1524013
    Matthieu

    This css works, it puts them all on the same line but not spaced as I wanted. Is there a possibility to remove the copyright part ?

    Thanks

    #1524225
    Leo
    Staff
    Customer Support

    You can remove the copyright message with this CSS:

    .footer-bar-align-right .copyright-bar {
        display: none;
    }
    #1524256
    Matthieu

    Perfect thanks, the problem is that on mobile it does not work at all, the appearance of the widjets is not as it should

    #1524332
    Leo
    Staff
    Customer Support

    the appearance of the widjets is not as it should

    How should they appear?

    #1524343
    Matthieu

    It is displayed like this currently on mobile :

    #1524361
    Leo
    Staff
    Customer Support

    Sorry what? That link takes me to a random site.

    How would you like them to display on mobile?

    Stack on top of each other?

    #1524364
    Matthieu

    Stack on top of each other exactly ! 😁

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