响应 - 社交媒体图标不对齐水平（Wordpress）

Question

我已经在header.php文件中插入了我的社交媒体div，并将其编码为css到位。

#header_icons {
    position: relative;
    margin-top: -6%;
    margin-left:85%;

    } 

问题在于，当它响应时，社交媒体图标垂直而不是水平坐在一起。

网站：www.aym.ie

这是响应模式http://take.ms/qMHJ2

中的结果

问题：在响应模式下查看时，如何将社交图标编码为水平？

Answer 1

在自定义CSS添加

中

@media (max-width: 900px) {

    #header_icons {
    margin-top: 0;
    margin-left:0;
    }

}

您可能需要使用媒体断点和边距值，但希望这可以帮助您入门。

祝你好运！