Как я могу сделать позицию абсолютной НЕ перекрывать контент при изменении размера?

Question

Я работаю над WordPress. Я загрузил плагин социальных иконок и разместил его на своей фиксированной навигационной панели. Я использовал положение абсолютное, чтобы оно не занимало места и увеличивало размер окна навигации.

Я использую тему PageLines DMS

это код, который я использовал, чтобы разместить свои социальные иконки в верхней части страницы, на моей панели навигации.

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

Каждый раз, когда я изменяю размер браузера, значки перекрывают мои вкладки меню.

Я хочу, чтобы он настраивал и не перекрывал какой-либо контент, когда окно становится меньше.

Я попытался с помощью @media, но он не работал для меня

пожалуйста, посетите https://hughesjobs.net, чтобы увидеть именно то, что я имею в виду

Answer 1

Попробуйте ниже код, уменьшить размер изображения. это поможет вам улучшить внешний вид пользовательского интерфейса.

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

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