Ovo me je neko bio pitao kako, pa evo da odgovorim:
Hello, how do I hide some things that are displayed on the desktop version of the site, when someone accesses the site via mobile or tablet? Is there any code or?
Znači izmedju <body> nalepite:
Code
<div class="mobileHide">
OVDE STAVITE ONO STO HOCETE DA SAKRIJETE NA MOBILNIM UREDJAJIMA
</div>
A u head-u stavite ovo:
Code
<style type="text/css">
.mobileHide { display: inline;}
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .mobileHide { display: none;}}
</style>
Ako hocete da to utice na celu stranicu onda:
Code
.mobileHide
{ display: none;}
Takođe uvek je bolje da umesto heada ovo stavite u css pa povezete sa headom u tom slučaju stavljate samo bez Code
<style type="text/css"></style>
Code
.mobileHide { display: inline;}
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .mobileHide { display: none;}}
Ovo ''MobileHide'' sto pise mozete zameniti sa bilo kojim imenom koji cete vama vise odgovorati napr. .skriveno-na-mobu ali onda i u htmlu zamenite div class da se poklapa sa imenom u css-u
