Webboard

Cześć,
Siedzę już kolejną godzinę nad rozwiązaniem problemu i niestety nie potrafię, w szukajce też same ogólniki.

Potrzebuję ukryć parę div'ów/tabel na widoku mobilnym.

http://nq.cba.pl/index.php - chodzi o panele boczne "serwer status" i "Discord status".

Obecnie w .css mam:

Kod:
//small screen sizes

 .MobileContent {

     display: none;

text-align:center;

 }

@media screen and (max-width: 768px) {

 .MobileContent {

     display:block;

 }

}

W podglądzie źródła widać, że dla "Discord status" div ma przydzieloną klasę MobileContent:

Kod:
<div class="MobileContent">

Jednak jest on ciągle wyświetlany na urządzeniach mobilnych :/ Czy ktoś może mi pomóc?

Komentarze w css wyglądają tak: /* treść */. Komentarzy typu // możesz używać, ale w np. sass. Dlatego nie czyta ci tego. Poza tym zamień twoje media na to:

Kod:
@media screen and (min-width: 768px) {

 .MobileContent {

     display:block;

 }

}

Chcesz nadać display block na rozmiarze 768 i większym, a nie tak jak u ciebie na mniejszym.

Btw poczytaj o nazewnictwie klas w css. Dużo lepiej sprawdzi się już coś typu mobile-content.

Ch3mi

Divir