Support » Themes » Tablet Modus ändern

  • Gelöst ahofmann

    (@ahofmann)


    Hallo Zusammen,

    beim Erstellen unseres Shops bin ich auf folgendes Problem gestoßen und hoffe, dass mir jemand einen Tipp geben kann.

    Ich habe mit dem Theme OceanWP und WooCommerce einen Shop erstellt, soweit alles gut. Leider wird der Tablet-Modus nicht aktiviert, wenn ich am iPad auf die Internet-Seite gehe. der Smartphone-Modus klappt ohne Probleme.

    Jetzt meine Frage: Kann man irgendwo einstellen, ab welcher Bildschirmbreite der Tablet-Modus eingeschaltet wird?

    Im Voraus vielen Dank für all Eure Mühen!

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Einen „Tablet-Modus“ kenne ich nicht. Im Customizer findest du ganz unten Icons für Desktop, Tablet und Smartphones. Damit kannst du die im Customizer angezeigte Bildschirmgröße ändern, aber es wird kein anderer „Modus“ aktiviert.

    Grundsätzlich sind alle aktuellen Themes „responsive“, passen sich also fließend an die Anzeigefläche des Browsers (Viewport) an. Dazu verwendet das Theme so genannte Media Queries, also CSS-Regeln die in Abhängigkeit der angezeigten Bildschirmgröße gelten. Das Theme OceanWP verwendet dazu (unter anderem) folgende CSS-Regeln:

    @media only screen and (max-width: 959px) {
    body.default-breakpoint .oceanwp-mobile-menu-icon {
        display: block;
    }
    body.default-breakpoint #site-navigation-wrap, body.default-breakpoint .oceanwp-social-menu, body.default-breakpoint .after-header-content {
        display: none;
    }

    Damit wird bei Bildschirmgrößen bis maximal 959px ein Hamburger-Menü angezeigt und das normale Menü ausgeblendet. Diese CSS-Regeln kannst du nur mit eigenen CSS-Regeln überschreiben, aber es gibt (zumindest in der kostenlosen Version des Themes) keine Einstellung, um den Breakpoint (also die Breite ab der sich die Anzeige ändert) festgelegt werden kann.

    Thread-Ersteller ahofmann

    (@ahofmann)

    Mit Tablet-Modus meinte ich ja die Icons unten im Customizer. Nur auf einem Tablet sieht die Seite bisher nicht sehr schön aus. Aber wenn es da explizit keine Einstellung gibt, muss ich das wohl so hinnehmen.

    Mit CSS kenne ich mich leider überhaupt nicht aus, sodass ich da etwas überschreiben könnte.

    Aber vielen Dank für Deine schnelle Antwort, damit ist meine Frage schon beantwortet. 🙂

    … damit ist meine Frage schon beantwortet.

    OK. Und wer macht jetzt das Licht aus markiert den Thread jetzt als „gelöst“? 💡

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)