تسجيل الدخول | التسجيل | الأسئلة المتكررة
Anonymous

how to hide a <p> on a mobile site?

+ إضافة رد

3 مشاركة صفحة 1 من 1


how to hide a <p> on a mobile site?

بواسطة bananaxo » السبت فبراير 13, 2016 9:59 pm

i created a css file that looks like this:
.hide {
display: none;
}

i have it linked at the top of my html file:
<link type="text/css" rel="stylesheet" media="only screen and (max-device-width:480px) and (orientation: landscape)" href="landscape.css"/>

used it in my html file: <p class= "hide">... </p>

what am i missing or doing wrong? :(
صورة العضو الشخصية

bananaxo

  • مشاركات: 1
  • اشترك في: السبت فبراير 13, 2016 9:48 pm

Re: how to hide a <p> on a mobile site?

بواسطة johnmacd » الخميس إبريل 14, 2016 1:03 pm

Try using <div>:

<div class="mobile-only" style="font-size: 0; max-height: 0; overflow: hidden; display: none">
<!--// Everything inside is invisible to desktop //-->
</div>
صورة العضو الشخصية

johnmacd

  • مشاركات: 23
  • اشترك في: الخميس يونيو 13, 2013 12:50 pm
--
Website Designer with 7 years experience as WordPress Developer. Affordable, Professional and Experienced. 100% Satisfaction. 24/7 Available.

Re: how to hide a <p> on a mobile site?

بواسطة Farhin Qureshi » الخميس يناير 12, 2017 12:21 pm

It works perfectly correct using the same code:
CODE: تحديد الكل
<!DOCTYPE html>
<html>
   <head>
   <style>
   .hide {
display: none;
}
   </style>
   </head>
<body>
<p >hello </p>
</body>
</html>
.
صورة العضو الشخصية

Farhin Qureshi

  • مشاركات: 45
  • اشترك في: الثلاثاء يناير 03, 2017 11:33 am
--
Farhin Qureshi
.NET Developer
http://www.ifourtechnolab.com


+ إضافة رد

صفحة 1 من 1