Im Hamburger Menü das Logo einfügen

Cookie · 10. August 2023

Hallo,

Heute war mein Kumpel mal wieder zu besuch. Er hat mir den Script geschrieben um im Hamburger Menü ganz oben mein Logo hineinzufügen.

Code

<script>
$( "ul.menu-mobile-animated" ).prepend( '<li><img src="https://www.hotel-gabriel.ch/images/3stailastransparentgeradeStickyhell.webp" alt="Gotel Gabriel Logo" width="345"></li>');
</script>

Ihr könnt mal ausprobieren ob es bei euch auch klappt. Einfach die Adresse ändern.

Ps: www.hotel-gabriel.ch (auf Handy oder Tablet anschauen!)

Gruss

Cookie

Cookie · 10. August 2023

vergisst es, auf dem Desktop entsteht ein Fehler, melde mich nochmal wenn es funktioniert.

andy67 · 11. August 2023

Hast du den Fehler schon gefunden? Es wird jedenfalls beim Hamburger bei "Willkommen" deine 2 Logos eingefügt!

Cookie · 11. August 2023

Wir oder besser besser gesagt, mein Kumpel arbeitet daran. Er hat Websitex5 nicht... Zwischendurch war es fast perfekt. Aber ich muss mal bei ihm mit meinem Computer gehen damit er es lösen kann.

Gruss

Cookie

Cookie · 12. August 2023

Ich hoffe wir schaffen das noch dieses Jahr... er ist nicht so oft da und hat immer viel zu tun

andy67 · 13. August 2023

Du meinst doch das hier, oder?

logoshambuerger.jpg

Cookie · 13. August 2023

Hallo Andy

Habe es nochmal hochgeladen... mein Kontakt Button im Desktop ist leicht nach unten versetzt.

Gruß Cookie

andy67 · 14. August 2023

Es ist beim letzten Button ein ein Rand oben eingefügt worden. margin-top 15px! Irgendwo muss dies eingestellt sein. Sind das nur Ebenen oder auch Seiten?

Cookie · 14. August 2023

Habe seid vorgestern einen neuen Laptop mit Win11 und da funktioniert es gar nicht mehr.

Cookie · 14. August 2023

Den anderen Script wo ich von ihm hatte zeigt ist so wie vorher aber so wie vorher, also fast richtig.

Cookie · 14. August 2023

Es ist keine Ebene sondern eine normale Seite.

andy67 · 15. August 2023

Die individuellen Skripte verändern anscheinend die Styles zu sehr ab und deshalb kommt es zu solchen Verschiebungen!

Gibt das zusätzlich ein!

Code

#imHeader_imMenuObject_64_container > ul > li:nth-child(n+5) {
margin: 0 !important;}

zwischen irgendwelche <style> Klammern was du sowieso hast.

Cookie · 15. August 2023

Hat super funktioniert. Der Abstand zwischen Angebot und Kontakt ist zu klein, wie kann ich das lösen?

Cookie · 15. August 2023

Jetzt klappt es!

Code

<style>
@media all and (min-width:959.9px){
li.hamburger-logo{
display:none !important;
visibility:hidden !important;
}
ul>
li.imMnMnlast.imPage{
margin: 0 0 0 15px !important;
}
}
#imHeader_imMenuObject_64_container > ul > li:nth-child(n+5) {
margin: 0 0 0 15px !important;}
#imStickyBar_imMenuObject_02_container > ul > li:nth-child(n+5) {
margin: 0 0 0 15px !important;
</style>
<script>
$("ul.menu-mobile-animated").prepend('<li class="hamburger-logo"><img src="https://www.hotel-gabriel.ch/images/3stailastransparentgeradeStickyhell.webp" alt="Hotel Gabriel Logo" width="345"></li>');</script>

Alles anzeigen

bernie · 15. August 2023

Ich sehe das Logo nur neben der Menüauswahl, oberhalb von dem ganzen wäre toll

Cookie · 15. August 2023

Hast du mal Cache gelöscht... bei mir ist es oberhalb.

Cookie · 15. August 2023

Mir ist aufgefallen dass im StickyBar das Logo abgeschnitten ist. Schon wieder nicht ganz perfekt.

Cookie · 16. August 2023

Jetzt passt es!

Code

<style>
@media all and (min-width:959.9px){
li.hamburger-logo{
display:none !important;
visibility:hidden !important;
}
ul>
li.imMnMnlast.imPage{
margin: 0 0 0 15px !important;
}
}
.hamburger-logo{
width:100% !important;
text-align: center !important;
}
#imHeader_imMenuObject_64_container > ul > li:nth-child(n+5) {
margin: 0 0 0 15px !important;}
#imStickyBar_imMenuObject_02_container > ul > li:nth-child(n+5) {
margin: 0 0 0 15px !important;
</style>
<script>
$("ul.menu-mobile-animated").prepend('<li class="hamburger-logo"><img src="https://www.hotel-gabriel.ch/aber/3Stailastransparenthell.png" alt="Hotel Gabriel Logo" width="280"></li>');</script>

Alles anzeigen

Gruss

Cookie

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Im Hamburger Menü das Logo einfügen

Teilen