Header height gets larger when scrolling

[x_new]

Hi there,
without changing anything in Customizer the height of my header has changed. From the moment I scroll down a page it gets higher. I would like to stop this, as the header then takes too much size of reading space. Could you tell me what to do, please?
Thank you very much
Karen

[rahul]

Hey Karen,

Thanks for writing in!
Header stays the same while scrolling in my chrome browser. Are you facing the issue in the customizer?
Screenshots and login credentials will be helpful.

Regards

[x_new]

Hi Rahul,
I’m using Chrome too, and header does the things I described - not in Customizer, in the web when I’m not logged in.
I would like to post my credentials but can’t find a way to make this answer private…
Thank you, Karen
– right, got it. Secure posts follow after posting.
See screenshot, you should see that there is a kind of “higher” header over the regular header.

[rahul]

Hey Karen,

Header looks fine for logged out users.
Please use Secure Note to post your credentials so we can further check and investigate the issue.

Regards

[x_new]

Hi Rahul, I posted my credentials a few moments before you answered. So you’ve got them above
I hope you can see on the screenshot that header overlays as soon as scrolling starts, and overlays the breadcrumbs too?
Thanks and regards, Karen

[christopher]

Hi there,

I went to X > Launch > Options > CSS and removed all the code from there and the problem is fixed:

I pasted the code again and it has the problem:

Please kindly check your custom code to see which section is causing the problem.

Thank you.

[x_new]

Thank you, Christopher, good to know that it’s somewhere hidden in Customizer - I guess this is going to be a looooong sunday…
Have a nice day and thanks again!
Regards, Karen

[christopher]

You’re welcome

[x_new]

Hi Christopher,
I tried for hours and hours with the Customizer to detect the custom CSS which makes the header pop up as soon as you scroll. No result.
Now a friend said that he can see some CSS when he has a look at the page (not logged in), something seems to have changed menu width from 88% to 80%. But there is nothing of that kind in customizer. I checked about everything one can check in “options”, there is nothing unusual.
So he suggested to add:
.x-navbar-inner .x-container .width {width:88% !important;}
Which didn’t work…
Please help… I would be very grateful for any hint, as I cant seem to get even near the problem, what happened to my header. And the spacing between submenus is much larger than before, too.
My credentials are in a secure note above.
A little desperate regards, Karen

[rahul]

Hey Karen,

Hope you are doing great
Someone has changed the SITE WIDTH to 80% in your Layout and Design Section in theme options.
I have set Site Width back to 88%, To adjust site width browse to X >> Launch >>Options >> Layout and Design >> Site Width

The spacing looks fine to me in submenu you can adjust it as per your requirement in X >> Launch >>Options >> Header and scroll down to links alignment.

Hope this helps.

Regards

[x_new]

Hey Rahul,

really strange, nobody touches my page and WP except me, I really haven’t got the faintest idea what happened so arkwardly. But you can’t imagine how relieved and happy I am that you fixed my header! Thank you Rahul, you made my day

[rahul]

Hey Karen,

You are most welcome
Those kind words makes me feel as awesome and alive

Cheers

[x_new]

Hi Rahul,
one more thing… I tried to adjust the header a little, as the breadcrumbs are still overlayed. That did not work. Header height will change, but that overlay won’t.
And the spacing between submenus still exists, see screenshot arrow. There should be a little less spacing.
Actually I have some custom CSS for that in customizer:
.desktop .sub-menu a {
padding-top: 0.2em;
padding-bottom: 0.2em;
}
Unfortunately it won’t react the way I want when I change em. Could you tell me how I should set em so that the spacing will decrease correctly? That would be great!
Regards, Karen

[Joao]

Hi Karen,

Please add the following CSS to Theme Options > CSS

.x-breadcrumb-wrap {
margin-top: 17px;
}

Hope it helps!