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, 6 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

Ditto! From top to bottom, I’m having the same problem. DiscoverLink you are officially not going crazy. : )

My parallax color section backgrounds are responsive on some pages, not on others.

Site is sandboxed and secret, but I’ll provide admin access in private content so you can take a look.

http://solace2.wpengine.com/industries/energy (hosted on WPengine) — backgrounds not responsive
http://solace2.wpengine.com/industries/gaming — backgrounds, with same settings, are not responsive

Hi Yigit,

Neither of the links you include address the second problem that foggygolf was having, and that I am trying to address too. Specifically: “Also when you drag the screen smaller this same block / nav text slides on top of the logo, how do i make this so the page switches to “mobile view” just before the text overlaps (if that makes sense).”

In my own words, on my Macbook Pro desktop, when I drag the screen smaller and smaller, the menu items begin to overlap with my transparent logo, and the mobile menu doesn’t appear until the menu items run out of space on the entire screen…not when it begins to overlap with my logo.

Can you please provide a solution…much thanks!