Liebes Kriesi-Team,
welchen CSS-Befehl muss ich eingeben, damit das Hamburger-Menue-Icon auch auf einem Tablet mit einer Auflsöung von 1280 x 720 angezeigt wird?
Lieben Dank.
Herzliche Grüße
Sonja
ich glaube nicht, dass es sich um Bilder handelt. Es sind einfach Borders der oben wird durch Content:before der unten durch content:after generiert. Es sind so gesehen also Vektoren! die Dicke etc. wird übrigens durch :
.av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after {
width: 40px;
height: 5px;
border-radius: 3px;
}
bestimmt. Die Übergänge sind dann einfach durch rotate realisiert.
Danke Guenni007. Vielleicht habe ich mich falsch ausgedrückt, es geht mir nicht um das Icon selbst, sondern ich wollte die Anzeige des hamburger Menues auch bei einer Tabletgröße von 1280 x 720 haben und nicht das “normale” Menue. Hintergrund ist ich habe zuviele Menüpunkte, so dass sie sich bei dieser Tabletgröße mit dem Logo überschneiden. Die Standardeinstellung bei Enfold liegt im Moment bei 990 px.
Liebe Grüße Sonja
Hi,
Wenn ich das richtig verstanden habe, möchten Sie das Burgermenü auf 1280px zeigen. Versuchen Sie diesen Code im Feld Allgemeines Styling> Quick-CSS:
@media only screen and (max-width: 1290px) {
.av-burger-menu-main {
display: block!important;
}
#top .av_mobile_menu_tablet .av-main-nav .menu-item {
display: none!important;
}}
Best regards,
Mike
Super, tausend Dank Mike, genau das habe ich gesucht.
Funktioniert prima.
Liebe Grüße und ein schönes Wochenende
Sonja
sorry da habe ich dich komplett missverstanden.
by the way if new burgermenu comes – please do something that we can select each menu on default by different classes.