Archived topic
Search in sticky menu issue
7 replies · Started by Reece on September 27, 2015
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
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/
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 :)
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? :)
Ah, i haven't downloaded a new version in about a month.
Thanks Tom.
Regards,
Reece
Cool - give that a try and let me know if it's fixed or not :)
Yep, it works in GP Premium v1.2.71. Thanks Tom.
No problem! :)