Social icon is not showing in one line in mobile

[Jyoti Chauhan]

Hey,

I added social icons in footer at https://www.updateland.com/. They are displaying well (in one line) in desktop but in mobile they are showing in different line.

Desktop screenshot: https://ibb.co/zQk1DxF
Mobile screenshot: https://ibb.co/vHrf2FM

Please let me know CSS code which can help to show these social icons in one line at mobile.

[Leo]

Hi there,

Something like this should work:

@media (max-width: 768px) {
    .footer-widgets #text-13 .alignleft {
        float: left;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jyoti Chauhan]

Thank you Leo, it worked perfectly.

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts