wordpress - 响应式 - 社交媒体图标未水平对齐（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;
    }

}

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

祝你好运！