[Resolved] Search in sticky menu issue

[Reece]

Hi Tom,

I’m having an issue with the search function in the sticky menu.

The search icon is showing up floating to the right of the menu which is fine. however when i scroll down and the sticky menu slides down, the Menu toggle and Search are overlaying, this is caused i think by the sticky logo pushing the menu toggle to the right. is there a simple way to disable the search function in the sticky menu, leaving it only as a menu option, not in both areas?

if i remove the sticky menu logo its fine, and the menu toggle floats left. i will use this if need be, but thought there may be another solution to remove the search from just the sticky menu

Regards,
Reece

[bdbrown]

Hi Reece. The search icon is not actually part of the menu. You could hide it using this css:

@media (max-width: 768px) {
  .menu-toggle li.search-item {
    display: none;
  }
}

But then it wouldn’t be available on mobile. To keep both icons on the navigation bar you could use this css to push the icons apart:

@media (max-width: 768px) {
  .main-navigation .menu-toggle {
    margin-right: 50px;
  }
}

Tom may have a fix for this in a future release.

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

[Reece]

Thanks BD, i did think about just hiding them.

@media (max-width: 768px) {
  li.search-item {
    display: none;
  }
}

has worked for me as it hides the search icon next to the menu toggle, but has left the search in the actual menu.

Thanks for your help 🙂

[Tom]

Hi Reece,

I believe this is fixed in the latest version of GP Premium/Menu Plus.

Can you make sure you’re all up to date? 🙂

[Reece]

Ah, i haven’t downloaded a new version in about a month.

Thanks Tom.

Regards,
Reece

[Tom]

Cool – give that a try and let me know if it’s fixed or not 🙂

[sercwebmaster]

Yep, it works in GP Premium v1.2.71. Thanks Tom.

[Tom]

No problem! 🙂

[Author]

Posts