如何在调整大小时使位置绝对不重叠内容？

Question

我正在使用WordPress。我下载了一个社交图标插件并将其放在我的固定导航栏上。我使用绝对位置，以便它不会占用任何空间并使导航框变大。

我使用主题页面线DMS

这是我用来将社交图标放在导航栏页面顶部的代码。

.social-icons {
    position: absolute;
    left: 420px;
    top: -10px;
}

每次调整浏览器大小时，图标都会重叠我的菜单标签。

我希望它在窗口变小时调整并不重叠任何内容。

我尝试使用@media，但它对我不起作用

请访问https://hughesjobs.net，看看我指的是什么

Answer 1

尝试以下代码，缩小图像尺寸。这将有助于您获得更好的UI外观。

       @media screen and (max-width: 1279px) {

 a.sficn img{
   padding-bottom: 25px !important;
   margin: -18px !important;
   width: 17px;
   height:auto ;
}