Archived topic
Search in main navigation
11 replies · Started by Marga on November 28, 2016
Hello,
I'm using Max Mega Menu and the search tool in the main navigation seems to be out and when is clicked the search box can't not seen. Is there any way to have a fix search box in the main menu or to have the search box with the word search inside?
Another question is about the sticky navigation. When it's on the small logo appears above the menu and the navigation centered.
Maybe there is some kind os conflict with Max Mega Menu, is that possible? I'm using this Mega Menu because I need to display the menu in columns with icons.
Many thanks for your help!
Hi there,
Any chance you can link me to your site so I can see?
Let me know :)
The sticky navigation issue can be fixed with this:
.navigation-clone div#mega-menu-wrap-primary {
float: right;
clear: none;
}The navigation search icon can be adjusted like this:
#mega-menu-wrap-primary .search-item a {
line-height: 60px;
}The text when you type isn't viewable because you have the background color and text color of the menu items set to white in "Customize > Colors > Primary Navigation". If you set the text to black you should be able to see it.
Hope this helps :)
Thank you for your reply Tom!
I added these lines in the style.css file, but I can't see any difference :(
And about the primary navigation I have set black (also I have it black in the Max Mega Menu settings)
What am I doing wrong?
Make sure you're adding CSS like this: https://generatepress.com/knowledgebase/adding-css/
As for the navigation search, I can now see the text while I type :)
Alright, now It works!! :)
About the navigation search, is there any way to show the word "Search" inside the box when it is clicked. Although you write automatically it's a bit confusing if you can't see the search gap.
Thanks for your help!
In order to add a placeholder to the navigation, you would have to overwrite the function: https://generatepress.com/forums/topic/enter-predefined-text-in-searchbox/#post-151358
Many thanks Tom! I followed the instructions and with de Code Snippets plugin works! :)
You're welcome :)
Hello Tom
about this post, How can I change the color of search icon?
Example:
http://subefotos.com/ver/?3ce073d4e8f003d13cff0b7cb6739402o.png
Absolutely:
.main-navigation .main-nav ul li.search-item a {
color: #FFFFFF;
}
