[Resolved] HELP!!

[Andrew]

Please help me with this I updated new theme, blocks, gp premium and I just noticed that on mobile when I scroll down and the header sticks the hamburger and menu are all of its like it has a huge line height.

Also on desktop please scroll click the search icon before the header sticks and it looks great, now scroll down and when it sticks click it again and it looks huge.

[Andrew]

I was able to fix the line height issue my mistake, I guess I must have just noticed it now. When possible could you please help me look at lining up the search box when the header is sticky?

[Elvin]

Hi there,

Try adding this CSS:

nav#sticky-navigation .inside-navigation.grid-container {
    position: relative;
}

nav#sticky-navigation  form.search-form.navigation-search.nav-search-active {
    top: 50%;
    transform: translateY(-50%);
}

Expected behavior – https://share.getcloudapp.com/Z4uryrnk

[Andrew]

Perfect thank you :]

[Elvin]

No problem. 😀

[Author]

Posts