ROZWIĄZANE blokowanie elemenu na urz mobilne

niestety nie moge nigdzie znalezc, ale chcialbym zeby niektore elementy nie wyswietlaly sie na urzedzeniach mobilnych, bo poprostu wprowadzaja chaos

mogłby ktos wpisac jakim polecniem np zablokuje wyswietlanie menu?

 

Kod:

@media (max-width: 800px) { #nazwa-klasy {display:none; }}

zamiast #nazwy-klasy wpisz nazwę klasy, np. diva, którego chcesz ukryć. Zamiast 800px możesz umieścić inną mniejszą wartość. max-width oznacza, że display:none będzie stosowane do #nazwa-klasy dopóki szerokość ekranu nie będzie większa niż 800px. Gdy będzie więcej, to element zacznie pojawiać się na stronie, gdy mniej zniknie.

 

czyli 800 wystarczy napewno?

 

rób 768 będzie raczej ujednolicone

 

a jak zwiekszyc czcionke nazw produktow na mobilbne w kategorii
po wklejeniu
@media (max-width: 768px) { .product .description .prodname {font-size: 1.2em;}}
niestety nic sie nie dzieje, ani zadna inna komenda tez nic nie przestawia...

 

media wstawiasz jedno i w nim odpowiednie klasy i identyfikatory to po pierwsze
po drugie czy oby na pewno to takie klasy?
nie przypadkiem:
.small .tablet .f-grid-12
?

 

czyli bedzie to wygladalo tak:
@media (max-width: 768px) { #box_slider_142 {display:none; }
{.login-bar {display:none; }
{ #_qS_dsmk {display:none; }}


???

.small .tablet .f-grid-12 {
font-size: 2em;

niestety tez nie reaguje

 

Kod:

@media (max-width: 768px) {
#box_slider_142 {display:none; }
.login-bar {display:none; }
#_qS_dsmk {display:none; }
.small .tablet .f-grid-12 {
font-size: 2em;}
}

 

niestety dalej nie reaguje ;p

 

@yankes jeśli nazwy klas są poprawnie zdefiniowane to powinno działać. Udało CI się ukryć menu na urządzeniu mobilnym? Na takiej samej zasadzie możesz zmieniać wartości dla innych elementów, trzeba tylko wpisać poprawne nazwy klas.

 

nono tylko jak to opisac na telefonie nie moge wcisnac zbadaj element i przeczytac a na kompie pokazuje to co wpisaywalem