-
Posts
-
Hallo liebes Support-Team,
ich bin etwas ratlos. Ich möchte meine Seiten auf Mobilgeräten anders anzeigen lassen als auf größeren Bildschirmen. Auf einer älteren Installation (da läuft noch Enfold 3.3.2) habt Ihr mir dafür folgenden Shortcode für den Quick css-Bereich gegegeben und da läuft es einwandfrei:
@media only screen and (min-width: 1024px) {
.container { max-width: 1150px !important; }
}
@media only screen and (max-width: 769px) {.only_desktop { display: none !important; }}
@media only screen and (min-width: 768px) {
.only_mobile { display: none !important; }}Auf meiner zweiten Installation (Enfold 3.4.3) habe ich den Shortcode auch eingesetzt, hier wird aber alles doppelt angezeigt.
Passt der Shortcode nicht für die neueste Enfold-Version? Oder hat das etwas mit statischen Seiten zu tun? Auf der alten Installation habe ich ausschließlich statische Seiten. Meine zweite Installation ist ein Blog und da möchte ich die Blogbeiträge unterschiedlich anzeigen lassen.
Danke schonmal für Eure Hilfe & beste Grüße
hermelinaHey hermelina!
hast du denn auf deiner zweiten Enfold Installation, wo es nicht klappt, auch die custom class “.only_desktop” und “.only_mobile” korrekt hinzugefügt in das entsprechende Feld? Schaue dir dazu noch mal diesen Link an: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Gruß!
AndyHallo Andy,
danke für Deine Antwort. Ich habe jetzt noch einmal alles geprüft. Auf beiden Installationen habe ich das gleiche stehen bzw. auch die richtigen Felder genutzt. Zwischenzeitlich habe ich auf der neuen Installation als Test mal mit normalen Textboxen gearbeitet. Damit funktioniert es einwandfrei. Also auf dem Desktop wird nur die Textbox mit only_desktop angezeigt.
Es scheint also nur mit den Blog-Beiträgen nicht zu funktionieren. Habt Ihr da eine Idee?
Prinzipiell geht es eigentlich darum: Ich lasse die Blogbeiträge mit “Einzelner Autor, kleines Miniaturbild (kein Autorenbild, kleines Featurebild” laufen. Auf kleinen Endgeräten werden dann aber die Vorschaubilder nicht angezeigt und das sieht doch etwas drög aus ;-)
Vielleicht lässt sich das ja einfacher ändern als je eine Desktop- und eine Mobilversion anzulegen?Beste Grüße
hermelinaHey!
kannst du uns bitte einen Link schicken, wo wir das mal sehen können? wir müssten mal die Elemente inspizieren.
Gruß,
AndyHallo Andy,
die Seite ist noch nicht öffentlich geschaltet. Ich kann Dir/Euch also nur ein Login bieten. Wäre toll, wenn Ihr da mal reinschauen würdet. Die Test-Versionen stehen auf der Seite “Werkzeug”.Dicken Dank schonmal & beste Grüße
hermelinaHey!
du hast uns lediglich einen normalen user account eingerichtet, wir bräuchten aber Admin Zugang.
Gruß,
AndyHi!
kannst du uns bitte noch zeigen wo du “only_desktop” und “only_mobile” eingetragen hast? schick uns einen präzisen Link und sage uns in welchen Elementen wir das genau finden können.
Gruß,
AndyHallo Andy,
sorry, das ist jetzt wirklich ein Durcheinander geworden. Ich habe paar Screenshots gemacht und sie zusammengefasst:Hallo Andy,
ich hab die Lösung gefunden! Die Blog-Beiträge für die Desktop-Version habe ich in ein extra Layout-Element gepackt und da auch noch einmal in die Custom CSS “only_desktop” eingefügt. Jetzt wird alles dort angezeigt, wo ich es haben möchte.
Danke für Deine Arbeit – ich sehe gerade, dass Du auf meiner Seite bist…
Herzliche Grüße
hermelinaHi!
also ich habe mir deinen Blog auf mobile angeschaut und sieht alles in Ordnung aus. Wie soll es denn statt dessen aussehen?
Gruß,
AndyHallo Andy,
ich glaube, Du hast meinen Eintrag darüber übersehen. Es ist jetzt alles bestens :-) Das Thema kannst Du jetzt gern schließen.
Danke für’s Draufschauen!
hermelina
- The topic ‘Unterschiedliches Layout Desktop und Mobile’ is closed to new replies.