[Support request] Navbar search overlapping logo

[Shawn]

Hi,

I have the nav set to act as header and navbar search active but when you click the icon the search field spans the width and appears over the logo.

Edit: I changed the layout so the nav sits under the header. On desktop and mobile the search field extends fully to the right and sits over the primary nav.
I thought changing the field length would work but not on mobile.

Is there any way to make it appear under the nav while active?

[David]

Hi there,

try this CSS:

.navigation-search.nav-search-active {
    top: 100%;
    background-color: #cccccc;
}

Change the background color to suit

[Shawn]

Again, you’re the best.

I managed to set the width and margin-left: auto with a grey background which sorted the main issue but did not look great on mobile. This sorts me.

Thanks again

[David]

Awesome – glad to hear that

[Author]

Posts