Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #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
    Pete

    #1469553

    and 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.

    #1469555

    yes the burger Menu the same height as the logo. How do i do that? Like here: https://ibb.co/jhxwX9c

    #1469562

    ich 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.

    #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;
    }
    #1469565

    Ja 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.

    #1469566

    sorry 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

    #1469567

    nein was soll der Code machen? Habe ihn eingebaut und es ist keine Veränderung.
    Habe auch das padding eingebaut aber funktioniert nicht.

    #1469568

    Ah jetzt ist das padding da. Und was macht der andere Code?

    #1469569

    Der dreht euer X im Logo auf Plus bei geöffnetem Burger Menü – kleine Spielerei

    #1469606

    Ah toll :) Habe mich schon gewundert dass es dem X so ähnlich sieht LOL. Vielen Dank :)

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.