Facebook Plugin bei Mobile ausblenden

Guten Tag

Meine Frage ist folgende: ich habe auf meiner Seite das Facebook Login auf der rechten Seite des Bildschirms. KLickt man drauf, öffnet es sich mit einem "von rechts nach links slide-in".

In euren Templates kann man ja einstellen, auf welcher Ansicht (PC, Tablet und/oder Smartphone) die Module sichtbar sind. Es funktioniert bei allen anderen Modulen - z.B. bei den Slider - nicht aber bei diesem Facebook-Modul. Ich möchte nicht, dass dies auf dem Mobile erscheint, da das Mobile sonst schon zu klein ist!

Hat jemand da eine Lösung?

Freundliche Grüsse
AD

[secret]Die Webseite lautet: www.leschampsdeprovence.com [/secret]

JP-ROOMS und Joomla 3.4.5

Hallo, dass müssen sie handisch machen.
Der Facebook Container hat die ID pwebfblikebox118 und diese ID benutzen wir um den Container in der CSS anzusprechen und auszublenden.
Und da sie es ab einer Größe von 768px machen möchten, benutzen wir die "media queries".
Hierzu fügen sie folgenden CSS Code in ihre css/custom.css ein.
Sollte keine custom.css vorhanden sein, dann legen sie das File bitte an.

Hier der Code:

@media (max-width: 768px) {
#pwebfblikebox118 { display: none}
}

Wenn sie weiter in die Mateie einsteigen möchten, haben wir hier ein Video, dass ihnen zeigt, wie sie die CSS Klassen und die ID´s finden.
www.joomlaplates.de/template-bearbeiten

Hallo,

das sieht schon mal gut aus - nur zeigt es nun auf dem iPad auch nicht mehr an.

Ich wollte dies auf dem Mobile-View ausblenden, weil es nicht genügend Platz hat wenn das Plugin sich öffnet. Wie kann ich dies machen, damit es wirklich nur auf dem Mobile nicht angezeigt wird?

Beste Grüsse und besten Dank,
AD

Hallo,
dann müssen sie mit der Pixel Größe etwas spielen. Iphone hat glaube ich 320px

@media (max-width: 320px) {
#pwebfblikebox118 { display: none}
}

Google Chrome > F12 > dann STRG+SHIFT+M
Hier sehen sie die Größen der mobilen Geräte