نمایش ندادن آیکونه سایت در موبایل ( ریسپانسیو کردن )

[mashhadpatogh]

سلام سایتم وردپرسه میخواستم چهارتا آیکون توی هدر سایتم تو موبایل نمایش داده نشه چون وقتی تو موبایل سایت باز میشه به هم ریختست . چی کار کنم ؟
ممنون

[notlikeothers]

از گلاس hidden استفاده کن

class="xs-Hidden"

[mashhadpatogh]

از گلاس hidden استفاده کن

class="xs-Hidden"


این کلاسو کجا باید بزارم ؟ میخوام فقط تو موبایل نشون داده نشه تو سایت میخوام باشه . مثلا کلاسش اسمش : .social-icon li a بعد این میخوام وقتی کسی با موبایل وارد سایت بشه ، کدش بشه : .social-icon li a {
display: none;
}

این کد رو تو استایل قالب گذاشتم چیزی تغییر نکرد : @media screen and (max-width: 400px) {
.sidebar {
widh: 100%;
}
.ads {
display: none;
}
.social-icon li a {
display: none;
}
}

[ravand]

هم روشی رو که بهتون گفتن میتونید امتحان کنید و هم این روش:

@media (max-width:767px){
Img{
Display:none;
}
}

[notlikeothers]

این کلاسو کجا باید بزارم ؟ میخوام فقط تو موبایل نشون داده نشه تو سایت میخوام باشه . مثلا کلاسش اسمش : .social-icon li a بعد این میخوام وقتی کسی با موبایل وارد سایت بشه ، کدش بشه : .social-icon li a {
display: none;
}

این کد رو تو استایل قالب گذاشتم چیزی تغییر نکرد : @media screen and (max-width: 400px) {
.sidebar {
widh: 100%;
}
.ads {
display: none;
}
.social-icon li a {
display: none;
}
}
بزار تو div یا هر تگی که میخوای نشون نده.