[Resolved] Social icon is not showing in one line in mobile

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 5 years, 5 months ago by Leo.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
October 27, 2020 at 10:19 am #1506721

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.

October 27, 2020 at 10:40 am #1506744
Leo
Staff
Customer Support
Hi there,

Something like this should work:
```
@media (max-width: 768px) {
    .footer-widgets #text-13 .alignleft {
        float: left;
    }
}
```
October 29, 2020 at 5:46 am #1509158

Jyoti Chauhan

Thank you Leo, it worked perfectly.

October 29, 2020 at 8:49 pm #1510421

Leo
Staff
Customer Support

No problem 🙂
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.