Archived topic

Show Navigation Search Only In Sticky Mobile Nav

9 replies · Started by Carson on July 13, 2018

Viewing posts 1–10 of 10

July 13, 2018 at 3:27 pm #623218

I want to enable Navigation Search only in the mobile sticky main Nav.

Meaning, the only time I want it to appear is when I scroll down on a mobile device.

Would be great if one of you guys could give it a try.

Thanks!

July 13, 2018 at 5:02 pm #623261

Hi there,

Any chance you can link me to the site in question?

You can edit the original topic and use the private URL field.

Thanks!

July 14, 2018 at 1:41 am #623414

Hi,

it's not a live site yet.

July 14, 2018 at 5:46 am #623506

You can try this CSS:

.main-navigation li.search-item {
	display: none !important;
}
.main-navigation:not(.navigation-stick) .mobile-bar-items .search-item {
	display: none !important;
}
.nav-search-enabled .main-navigation:not(.navigation-stick) .menu-toggle {
    text-align: center;
}

July 14, 2018 at 6:17 am #623512

Thanks a lot David, that works!

One more thing, any way to get the menu-icon into the center when one is on mobile and not scrolled down (non-sticky menu)?

July 14, 2018 at 9:41 am #623646

Are you using the mobile header feature?

July 14, 2018 at 12:11 pm #623726

No, I am not using the mobile header.

July 14, 2018 at 3:28 pm #623791

Add another line to David's CSS above:
https://generatepress.com/forums/topic/show-navigation-search-only-in-sticky-mobile-nav/#post-623506

July 15, 2018 at 11:53 am #624324

Thanks, that works perfectly. Great support, as always!

July 15, 2018 at 4:03 pm #624427

Glad we could help!

This archived topic is closed to new replies.

Start building better websites today.