Wordpress - ukrycie jednego elementu dla urządzeń mobilnych

[kacper3355]

Cześć. W jaki sposób mogę ukryć przyciski społecznościowe (like, tweet, +1) na urządzeniach mobilnych? Tzn. urządzeniach o rozdzielczości mniejszej niż 400px.

Próbowałem wrzucić coś takiego w style.css

@media (max-width:400px) { .simplesocialbuttons { display: none; } }

ale nie dało to żadnego rezultatu. Ma ktoś jakieś pomysły, jak mogę taki efekt uzyskać? Chodzi o przyciski na górze każdego posta (wtyczka to "Simple Social Buttons").

Przykładowy post z przyciskami - https://goo.gl/KYVyFr

Bardzo proszę o pomoc bo już nie mam pomysłów jak się za to zabrać :/

[Aleksiejs]

Ukryj klasę coco-social

[kacper3355]

Nie chodzi o te przyciski - coco-social odpowiada za przyciski udostępniania na dole, a mi chodzi o te na górze

[Hagen]

@media (max-device-width:400px) { .simplesocialbuttons { display: none; } }

[kacper3355]

@Hagen

Niestety nie działa

EDIT: Zauważyłem, że pierwszy kod (podany przeze mnie) działa ale tylko gdy skaluje stronę na komputerze. Na telefonach przyciski nadal się pojawiają... o co może chodzić?

[Hagen]

Na czym sprawdzasz ?

@media (max-device-width:400px) { .simplesocialbuttons { display: none; } }

ten kod działa, gdy z niego korzystasz nie zobaczysz zmiany w przeglądarce...

[kacper3355]

Sprawdzam na Lumii 640 - wstawiłem teraz ten kod i niestety nie działa na telefonie.

Zobacz sam, teraz ustawiłem ten Twój kod.

EDIT: Wszystko już działa tak jak powinno, temat do zamknięcia

[Aleksiejs]

W takim przypadku powinieneś napisać dlaczego nie działało wcześniej. Pozwoli to komuś kto tu kiedyś wdepnie przypadkiem zadziałać od razu zamiast zakładać kolejny wątek

[kacper3355]

Wstyd się przyznać, ale cache w moim telefonie się zbugowało, a pierwszy kod działa...

[DMati]

Panowie, zamiast się bawić w display none, nie lepiej bardziej pro i skorzystać z natywnej funkcji WordPress - "wp_is_mobile"?

Bo co właściwie z "display: none", skoro kod tych przycisków tak czy tak będzie się na mobile ładował.