Social Media Icons bottom of page

[rkassebaum]

On the bottom of the home page we have three social media icons. On a smartphone the three icons go vertical vs staying horizontal. What css would I need to enter to keep them horizontal. https://honorandremembernebraska.org/

[Prasant]

Hello @rkassebaum,

Thanks for writing in!

First, please inspect the image element and under Customize > Setup > Class add a class name.

After that add following CSS under X > Theme options > CSS:

@media only screen and (max-width: 600px) {
 .image-horizontal-mobile {
    width: 30%;
    display: inline-table;
}
}

To learn more about media queries, please take a look at following resource:

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Thanks.