WoodMart Menü Touchscreen basiert
Quelle: XThemos – https://woodmart.xtemos.com/
WoodMart ist ein fantastisches Theme für WordPress um Ihren WooCommerce Shop noch besser zu machen.
Bei WoodMart gibt es einen „Header Builder“ welcher sehr gut funktioniert, allerdings besteht keine Möglichkeit einen eigenen Header für Tablets zu erstellen. In den meisten Fällen wird auf Tablets der Mobile Header verwendet, da das von der Auflösung abhängt. In wenigen Fällen funktioniert das leider nicht, weil einige Tablets Bildschirme mit HD Auflösung eingebaut haben. Das heißt man muss anders an dieses Problem heran gehen, nämlich mit den anderen Eigenschaften von allen Tablets – die Bedienung mit „Touch“ unseren Fingern.
Mit dem folgenden Code wird auf alles TouchScreen basierten Geräten der Mobile Header verwendet.
/* Menü für Touch Geräte immer Mobile Optik */
@media (pointer: coarse) and (any-pointer: fine) {
.whb-visible-lg {
display: none !important;
}
.whb-hidden-lg {
display: flex !important;
}
}
Diesen Code fügen Sie unter Theme Settings / Custom CSS unter „Global Custom CSS“ ein. Dann sollte auf jeder Seite und auf jedem Tablet der Mobile Header angezeigt werden. Egal welchen Header gerade auf der Seite aktiv ist.
Wir wünschen viel Erfolg bei der Integrierung 🙂
Mit besten Grüßen
Tobias Heintschel – Heintschel Media