Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Center Lightweight Social Icons on mobile screen

Home Forums Support Center Lightweight Social Icons on mobile screen

  • This topic has 5 replies, 2 voices, and was last updated 3 years ago by Leo.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #432502
    Pieter

    Hi,

    I have 2 footer widgets and in the second one there is the Lightweight Social Icons. I aligned it to the right (the 1st footer widget is to the left), but on tablet/mobile screens I would like to center the icons. I can’t find the css to do this.

    Thank you in advance!

    GP Premium 1.5.5
    #432773
    Leo
    Staff
    Customer Support

    Hi there,

    There is only 1 footer widget currently?

    Can you add the second one in so I can find the CSS?

    #435359
    Pieter

    Hi Leo,

    That’s strange. When not logged in the footer widget 2 dissapears. Also there’s a huge gap below the footer. I made for the left widget 2 html “pages” and gave them a class to disable one on the mobile to align it better.

    Ah find it already, I forgot a bracket } in the css. Now you can see the lightweight icons!

    #435777
    Leo
    Staff
    Customer Support

    This CSS should center them on mobile now:

    @media (max-width: 768px) {
        ul.lsi-social-icons.icon-set-lsi_widget-2 {
            text-align: center !important;
        }
    }

    You might be interested in this article as well: https://docs.generatepress.com/article/responsive-display/

    #436745
    Pieter

    Ah great! Thnx Leo! Had to use the ul. before the class text I see.

    #436883
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.