-
AuthorPosts
-
October 21, 2024 at 11:48 am #1469544
Hello,
i would like the logo to be centered and the burger menu to the right. Cannot find a preset for that so please send CSS.
Thanks
PeteOctober 21, 2024 at 2:17 pm #1469553and you want the burger at the same height as the logo – or do you want the burger symbol at the bottom right?
i would start in the first case with logo left – menu right – and influence the logo position.
October 21, 2024 at 2:39 pm #1469555yes the burger Menu the same height as the logo. How do i do that? Like here: https://ibb.co/jhxwX9c
October 21, 2024 at 4:25 pm #1469562ich denke mit Dir kann ich das gerade in deutsch erledigen.
Wie gesagt Logo links – Navigation rechts. – Dadurch haben wir den Burger schon mal rechtsseitig.
Dann:@media only screen and (min-width: 768px) { .responsive #top .logo { display: inline-block; width: 100%; } .responsive .logo a { display: inline-block; } .av-contains-svg { left: 50%; transform: translateX(-50%); } }
Warum im Media-Query: irgendwann ist der Screen so klein, das es nicht mehr funktioniert. Daher – schau mal bis wann das noch gut funktioniert und gehe dann zurück zur normalen links – rechts relation.
October 21, 2024 at 4:33 pm #1469564:lol:
.avia-svg-logo g:nth-of-type(5) { transform-origin: 155.25px 18.8px; transition: transform 0.3s ease; } .av-burger-overlay-active .avia-svg-logo g:nth-of-type(5) { transform: rotate(45deg); transform-origin: 155.25px 18.8px; }
October 21, 2024 at 4:57 pm #1469565Ja super vielen Dank. Das hat toll geklappt.
Im Weiteren – Das Logo ist sehr an den oberen Rand geklatscht. Gibt es da noch eine andere Möglichkeit, zb mit padding zu arbeiten, oder muss ich das Logo verändern?
Bitte CSS schicken.
October 21, 2024 at 5:06 pm #1469566sorry ist ja jetzt anders …
.av-contains-svg { padding-top: 10px; }
Du hast gesehen, was dieser code macht: https://kriesi.at/support/topic/burger-menu-right/#post-1469564
October 21, 2024 at 5:21 pm #1469567nein was soll der Code machen? Habe ihn eingebaut und es ist keine Veränderung.
Habe auch das padding eingebaut aber funktioniert nicht.October 21, 2024 at 5:22 pm #1469568Ah jetzt ist das padding da. Und was macht der andere Code?
October 21, 2024 at 5:26 pm #1469569Der dreht euer X im Logo auf Plus bei geöffnetem Burger Menü – kleine Spielerei
October 22, 2024 at 11:13 am #1469606Ah toll :) Habe mich schon gewundert dass es dem X so ähnlich sieht LOL. Vielen Dank :)
October 23, 2024 at 6:44 am #1469657Hi,
Glad to know that @Guenni007 was able to help you! Please feel free to open another thread if you have more questions about the theme.
Have a nice day.
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.