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

Question

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

我用的是主题分页DMS

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

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

每次我调整浏览器大小时，图标都会覆盖我的菜单选项卡。

我希望它在 window 变小时调整并且不与任何内容重叠。

我试过使用@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 ;
}