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

} 

您可能需要与媒体断点和边距值打，但希望这将让你开始。

祝你好运！