كود اخفاء css من الموبايل و التاب

[Rise Company]

كود اخفاء css من الموبايل و التاب


طريقة HTML + CSS

هتضيف الكود الى تبغى اخفائه من الظهور على الموبايل و التاب فقط بتلك الطريقه فى HTML


<div class="hide-on-mob"> كود الاعلان هنا </div>

فى CSS


@media screen and (max-width: 900px) {
.hide-on-mob {
display: none;
}
}

--------------------------------------------------------------------

طريقة CSS فقط

هتضيف الكود الى تبغى اخفائه من الظهور على الموبايل و التاب فقط بتلك الطريقه فى CSS


@media screen and (max-width: 600px) {
#title_message {
visibility: hidden;
display: none;
}
}

مكان اللون الاحمر ضع اى css لديك جاهز تريد اخفائه مثلا:
#header
.header

المرجع:

https://stackoverflow.com/questions/16550485/hide-div-tag-on-mobile-view-only
https://stackoverflow.com/questions/16922518/hide-div-on-mobile-devices-using-css