Add search icon to main menu - Sydney Pro

I have 2 questions:

I am using Syndey Pro

  1. How do I add just the magnifying glass icon to the top menu so that when you click it, it will show the search bar and search button and;

2)How do you change the colour of the menu in mobile? I would like white background for top level nav, grey for second level and #809126 text.

Thanks!

Sorry -just to add to this, now I can’t remove the search bar at all… www.trace-dev.website

Thanks!

> 1

Please follow these instructions. Once you’re done, flush cache from your caching plugin (WP Super Cache) administration panel.

> 2

Try this code:


#mainnav-mobi .menu > li > a {
  background-color: #fff;
  color: #809126;
}

#mainnav-mobi .menu > li .btn-submenu:before {
  color: #809126;
}

#mainnav-mobi ul.sub-menu {
  background-color: #ccc;
}

#mainnav-mobi ul.sub-menu > li > a {
  color: #809126;
}  

Hi Kharis - I don’t see a link in the first answer - can you please repost?

Thanks!

Also - on the mobile nav - how can I make the font a different colour on the sub nav rollover?

Thanks!

I am sorry, here is the link:

https://wordpress.org/support/topic/search-icon-in-menu/#post-7147388

Regards,
Kharis

> how can I make the font a different colour on the sub nav rollover?

You can use this code:


#mainnav-mobi ul.sub-menu > li > a:hover {
  color: #264856;
} 

Regards,
Kharis