Twenty Fourteen • Mobile Variante deaktivieren für "normale" Ansicht auf iPad & Co.

  • Liebe WP-Cracks,

    ich verwende für die Seite einer Freundin das genannte Theme. Leider rückt dieses auf Mobile Devices die linke Seitenleiste mit Menü nach unten. Das möchte ich verhindern. Ich habe also gestern "das Internet umgegraben" und bin auf folgenden Beitrag gestoßen:

    [COLOR=#0000ff]http://en.forums.wordpress.com/topic/twenty-fourteen-trouble-on-the-ipad[/COLOR]

    Kann mir jemand diese Lösung für das deutsche Twenty Fourteen und WP-Dummys übersetzen?

    Ich bin für jeden Tipp dankbar.

    Viele Grüße

    hp

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Nun ist die doppelte Zeit verstrichen, die Fragen wurde inzwischen mit einem Faktor >6 aufgerufen.

    Darf ich hier noch eines Tages mit einer Antwort - notfalls auch auf die Frage, warum es für das Problem möglicherweise keine Lösung gibt - rechnen? :confused::confused::confused:

    Oder enthielt meine Frage etwas, das gegen die evtl. ungeschriebenen Gesetzmäßigkeiten dieses Forums verstößt? Ich bin für jeden Hinweis dankbar, wirklich.

    Schönes Wochenende,

    hp

  • Leider rückt dieses auf Mobile Devices die linke Seitenleiste mit Menü nach unten. Das möchte ich verhindern.

    Dann solltest Du Dir kein Responsive Theme suchen, denn genau das ist das Twentyfourteen. Das Theme passt sich dem jeweiligen Device an und ändert dementsprechend auch die Aufteilung. Das ist der Sinn solcher Responsive Themes.

    Verhindern kannst Du das, indem Du die ganzen Media Queries aus dem Stylesheet entfernst. Musst aber auf der anderen Seite damit rechnen, dass die Darstellung auf anderen Devices mangelhaft wird.

  • Es könnte auch einfacher gehen indem du dem body ein min-width gibst. Also in etwa so:

    Code
    body {min-width: 1200px;}


    Ist aber ungetestet und via Smartphone nur schnell geraten.
    Prinzipiell hat aber infected recht - wenn man keine mobile Ansicht möchte sollte man das bei der Themenauswahl berücksichtigen.
    LG

  • Hallo infected,

    ich bin begeistert - vielen Dank für Deine Antwort. Das ist ein wirklich hilfreicher Hinweis. Woran erkenne ich "[COLOR=#333333]Responsive Themes" oder solche, die eben keine sind?

    [/COLOR]Viele Grüße

    hp

  • Es könnte auch einfacher gehen indem du dem body ein min-width gibst. Also in etwa so:

    Code
    body {min-width: 1200px;}

    Hallo pixselig,

    ich danke Dir für den Tipp und werde das einmal ausprobieren.

    Schönes Wochenende,

    hp

  • Hi pixselig,

    noch einmal ganz vielen Dank für Deinen erstklassigen Tipp. Ich habe 1000 px eingestellt - sieht super aus. Lässt sich notfalls sogar auf dem iPhone sehen. :):):)

    LG,

    hp

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!