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.
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“? 💡
