[Resolved] Search formatting

[Scott]

Hi team

Facing some issues with formatting with the search function in navigation.
Would appreciate you taking a look.

[Elvin]

Hi Scott,

We should be able to do something about it w/ custom CSS.

Any particular layout you want to achieve? Let us know. 😀

[Scott]

Hi Elvin

I’m happy with the way it creates a white search box over the navigation menu.
So ideally we keep this but without the page shift.

Any idea why this is happening? I didn’t think I was doing anything unusual there.

[David]

Hi there,

whats the exact issue you’re having with the search ? You say the page is shifting – is then when you open the search?

[Scott]

Hi David
Yes, the whole page shifts to the left when I click the search icon. Are you not seeing this?

[Elvin]

You have this CSS on the Additional CSS setting that messes up the placing of the search form.

@media (min-width: 769px){
.navigation-search.nav-search-active {
    left: 50%;
}
}

Any particular reason why this is added?

[Scott]

Thanks Elvin, have removed this CSS which has fixed the problem.

[Elvin]

No problem. Glad to be of any help. 😀

[Author]

Posts