how can I freeze the sticky header?…

[mgma]

…so the size and position of all of it… header height, logo, menu items… all just stays put… sticks, but NO resizing or bouncing around of anything.

Can you do this with CSS somehow? can;t seem to get it.

Thanks!

[mgma]

Or… (i’m NOT using mega menus) a way to make sure the vertical space between the main neviation and the drop down menu is the same, whether the regular header of sticky header is being used.

Note the images attached here… on the sticky menu there is a nice health space there, but when the header is regular/fullsize… they are too close.

I tried to combine CSS… when the menu is sticky, make the top margin on nav.std-menu .menu ul.sub-menu something different, etc… couldn’t get it.

Thank you!

[Melanie – SUPPORT]

Hi
Can you post up the URL to a page where this is happening so I can check it out directly?
Thanks!

[mgma]

Sure, thanks…

http://mcalpin.net/spatialpoint/2014/locators-guide/

[Kyle – SUPPORT]

Hi

Sorry what are you trying to achieve?

– Kyle

[mgma]

I’m trying to adjust the vertical position of the drop downs, so they are basically the same distance from the main menu items triggering them, wither a full header of sticky header are displayed.

I seems there is only one setting for this… and so whatever margin I add at the top of these, it’s either too tight on the regular header, or too loose on the sticky header… see the difference between the two attached screenshots.

Thanks

[Kyle – SUPPORT]

I see, what css have you added?

– Kyle

[mgma]

Nothing on these menus yet. I just turned mega menus off and this is the way they were. I found the margin effecting the top vertical position, but it effects it the same whether it’s regular or sticky… so there’s this discrepency, etc.

[mgma]

This is where I tried adjusting the top margin. see attached…

[Kyle – SUPPORT]

Try adding this custom css:

.sticky-header-resized nav .menu ul.sub-menu {
  top: 50px!important;
}
nav .menu ul.sub-menu {
  top: 60px !important;
}

– Kyle

[mgma]

you are the f-ing MAN. Thank you. That’s what I was trying to do and couldn’t get it.

Great support. Thank you!!

[Kyle – SUPPORT]

No problem! Glad I could help 🙂

[mgma]

How can I do the same thing for the AJAX search box dropdown?… so they are the same?

Thanks!

[Kyle – SUPPORT]

Try –

.sticky-header-resized .ajax-search-wrap {
  top: 50px!important;
}
.ajax-search-wrap {
  top: 60px !important;
}

– Kyle

[mgma]

Yep. Thanks again Kyle!!