Header does not display at correct size

Hello,
I replied to your query, but I haven’t heard back from support nor am I able to resolve this problem. I would appreciate it if you will please assist in resolving it.

Thank you!
Marlise

Thank you that code kind of worked except when the page is scrolled; the header then shifts left. I tried changing ‘left’ to ‘center’ but that shifted it to the right. Can you please give me the code that will keep the logo centered when the page is scrolled. I would like the logo to shrink and remain centered.

Thank you very much!
Marlise

• This reply was modified 8 years ago by freeethinka.

Thank you Rickard,
I added it “as well” to the code that you gave me previously and so together this is how both sets of code appear, but still no luck:

.html_header_top.html_logo_center .logo {
left: 0% !important;
-webkit-transform: translate(-0%, 0);
-ms-transform: translate(-0%, 0);
transform: translate(-0%, 0);
}

.header-scrolled .av-logo-container {
height: 150px !important;
}

.header-scrolled strong.logo a img {
max-height: inherit !important;
}

I then tried adding it “instead” which centered it, but when the logo reduced, the header area remained large with excessive space below the reduced logo. Please see private content.

Hi Rikard,
I understand and very much appreciate your support.
Please see login info for both sites in Private content.

Thank you,
Marlise

Hi and thank you, Rikard.