- This topic has 9 replies, 3 voices, and was last updated 7 months, 2 weeks ago by
David.
-
AuthorPosts
-
June 12, 2020 at 9:26 am #1325310
Jorge
Hi, I´d like to know how can I do so, when use the search icon on the top menu, not dissapear the items of the menu.
June 12, 2020 at 12:19 pm #1325496Leo
StaffCustomer SupportHi there,
Try changing the navigation search color under Customizer > Colors > Primary Navigation.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 13, 2020 at 9:22 am #1326531Jorge
Thanks. I think that that solution is not enough, becasue althougn you change the background color of the search and set as the main menu, when you write on the search, your writting will be mixtured sith over the menu items and is imposssible to read anything.
I´ve made this solution that inserts a new space between the name of the site and the mani menu and when you click on the search icon, opens a line to write.
Please, if you think that there is a better way to srite a search and not hidding the menu items o wrote over them, please let me know. In the meanwhile test this css code and let me know.
Thanks:(Frist of all, I´ve set the background search color in the settings that you told me:
Customizer > Colors > Primary Navigation.
@media (min-width: 768px){
.navigation-search {
position: inherit !important;
background-color: #00000000 !important;
width: 30% !important;
margin-left: 70% !important;
height: 30px !important;
border-bottom: 1px solid white !important;
}
.navigation-search .search-field{
border-bottom: 1px solid white !important;
}
.navigation-search input{
height: auto !important;
}
}June 13, 2020 at 9:38 am #1326556Leo
StaffCustomer SupportAwesome.
Thanks for sharing!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 15, 2020 at 12:54 am #1328100Jorge
Thanks to you
June 15, 2020 at 8:31 am #1328791Leo
StaffCustomer SupportNo problem 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 16, 2020 at 2:10 am #1329592Jorge
Hi, Leo. could you please take a look at that code, si if possible setting the search under the menu and not between the logo and the menu?
I am trying but I can not find the way.
Thanks anyway
June 16, 2020 at 3:26 am #1329675David
StaffCustomer SupportHi there,
if you remove the
position: inherit !important;
property from your CSS and addtop: 100%;
it will push the search field below the navigation.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 16, 2020 at 4:08 am #1329732Jorge
Great, great, great. So, simply!!!
David, I´ve not resolved yet the thing about Ajax in the filter plugin (I hope you know about what I´m talking about).
As soon I know something bout the developer I´çll let you know.Thanks
June 16, 2020 at 5:44 am #1329826David
StaffCustomer SupportYou’re welcome
Yes – let us know what the ajax filter plugin author says.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.