wenn du nun die Navigation nicht so weit rechts haben willst, dann

#header #header_main .container {
    padding-right: 30px !important;
    max-width: 100% !important;
    width: 100% !important;
}
#advanced_menu_toggle {
    right: 30px;
    top: 70%;
}

das paddding-right mit 30px halt varieren und das mit dem Toggle ist damit das nicht so hüpft wenn es umspringt und in etwa auf der Höhe von der Navigation ist

machen wir mal deutsch weiter – ist auch für mich leichter:

hast du den link gesehen: http://webers-testseite.de/ikom
wie gesagt ich hatte es jetzt mit -23% so eingestellt, dass die Pfeile des Logos auf die Navigation zeigen
wenn Du da wieder -35% einträgst ist es bei 200px header der Boden (ich stelle es mal auf -35% zurück im Beispiel-Link).

Wenn du den Screen mal schmal machst, und das menu togglest, dann ist da auch das logo drin.

Damit mein Code oben greift, müsstest du allerdings erstmal das was du bisher versucht hast verwerfen. denn der Code oben reicht völlig aus, um auch das Shrinken mitzunehmen.

Der zeite Code ist nur dafür da, dass du links neben dem Logo nicht auch noch ein graues Feld hast.

#header #header_main .container {
    padding-right: 30px !important;
    max-width: 100% !important;
    width: 100% !important;
}
#advanced_menu_toggle {
    right: 30px;
    top: 70%;
}

• This reply was modified 9 years, 7 months ago by Guenni007.

another hint if you set it to:

.av-main-nav > li > a > .avia-menu-text, .av-main-nav li#menu-item-search [data-av_icon]::before {
    bottom: -23%;
    position: relative;
}

the navigation is on the level of the two arrows of the logo – looks nice too

and if you like to have the logo (the yellow background full left)

#header #header_main .container {
    padding-right: 30px !important;
    max-width: 100% !important;
    width: 100% !important;
}
#advanced_menu_toggle {
    right: 30px;
    top: 70%;
}

what did you do to have the nav points on bottom ?

i only did the following: logo left menu right – shrinking header: and

.av-main-nav > li > a > .avia-menu-text, .av-main-nav li#menu-item-search [data-av_icon]::before {
    bottom: -35%;
    position: relative;
}

thats enough – but you have to get rid of the other settings you did til now:

see here : Link

btw: the shrinking header did not work on default on ipads : Solution see here from Josue
you have to upload a js-file into your child-theme js folder and add a code snippet to child-theme functions.php

Solution