avoid-click menuheader only-desktop - Tablet Menu

[Vaddi22]

Hallo zusammen,

ich habe eine kleine Verständnisfrage.

Wenn ich im Menu die CSS Klassen - avoid-click menuheader only-desktop - in den Seiten verwende die als Menuheader gedacht sind dann wird auf dem Desktop und Handy alles richtig dargestellt. (auf dem Desktop werden die zusätzlichen Menuheaderpunkte angezeigt und auf dem Handy nicht. So ist es gewünscht)

Rufe ich jetzt aber das Tablet Menu auf dann werden mir die zusätzlichen Menüheaderpunkte "anklickbar" angezeigt.
Was müsste ich tun damit die CSS Klassen auch auf dem Tablet greifen und mir die zusätzlichen Menuheaderpunkte auf dem Tablet "nicht" angezeigt werden?

Vielen Dank im voraus

[Tim]

only-desktop gilt für Desktop und Tablet Ansichten.

Mit einem eigenen MediaQuery kann die Klasse entsprechend auf Tablet-Auflösungen angewendet werden.
Für eigenes CSS steht die customize.css Datei bereit.

 [COLOR=#333333][SIZE=11px][COLOR=#0045aa]@media[/COLOR] [COLOR=#000000]only[/COLOR] [COLOR=#000000]screen[/COLOR] [COLOR=#000000]and[/COLOR] (min-device-width : [COLOR=#dd2400]768px[/COLOR]) [COLOR=#000000]and[/COLOR] (max-device-width : [COLOR=#dd2400]1024px[/COLOR]) {
.only-desktop {display: none;}
}[/SIZE][/COLOR]

[mapfei]

Hi,

sollte sich avoid-click nicht nur auf den Hauptmenüpunkt auswirken? Die Untermenüpunkte lassen sich bei Vergabe der Klasse ebenfalls nicht auswählen.

Grüße,
mapfei

[Tim]

Hi,

sollte sich avoid-click nicht nur auf den Hauptmenüpunkt auswirken? Die Untermenüpunkte lassen sich bei Vergabe der Klasse ebenfalls nicht auswählen.

Grüße,
mapfei

Jup. Das wurde duch ein Update noch einmal feinjustiert.

[mapfei]

Uff.. könntest du mir vielleicht die Stelle nennen? Habe hier noch Eclipse 2.0.6 im Einsatz...

[Tim]

scripts.js

avoid_click suchen und ersetzen nach:

jQuery('.avoid-click > a, .avoid_click > a').click(function (e) { e.preventDefault(); });