• Page 1 of 1
  • 1
Mmedia Mreža/Portal - Forum » Internet i Tehnologija » Programiranje i Web/grafički dizajn » Kako sakriti delove sajta na mobilnim uređajima
Kako sakriti delove sajta na mobilnim uređajima
Nenad Offline
110 postova
Reputacija: 6
Pokloni: 5
Datum: Petak, 04.06.2021, 17:49 | Post # 1
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>
vec samo ovako
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


Treba da vidis, ono sto ja vidim :D
Profil Cover
Mmedia Mreža/Portal - Forum » Internet i Tehnologija » Programiranje i Web/grafički dizajn » Kako sakriti delove sajta na mobilnim uređajima
  • Page 1 of 1
  • 1
Search: