Archived topic

Navbar search overlapping logo

3 replies · Started by Shawn on May 29, 2019

Viewing posts 1–4 of 4

May 29, 2019 at 11:46 pm #915003

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?

May 30, 2019 at 6:29 am #915220

Hi there,

try this CSS:

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

Change the background color to suit

May 30, 2019 at 6:39 am #915228

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

May 30, 2019 at 6:53 am #915373

Awesome - glad to hear that

This archived topic is closed to new replies.

Start building better websites today.