Search for: Log In Free Support [Support request] Search box in secondary navigation Home › Forums › Support › Search box in secondary navigation This topic has 3 replies, 2 voices, and was last updated 4 years ago by Leo. Viewing 4 posts - 1 through 4 (of 4 total) Author Posts February 15, 2017 at 1:39 am #278969 johnzoro I have installed this plug in https://wordpress.org/plugins/bop-search-box-item-type-for-nav-menus/ This means that I can add it to my secondary navigation Is there a way to add styling to it to make the search box smaller and the go button that says “search box” is replaced by an image? http://testdmn.com/1/ <- for your reference tom February 15, 2017 at 6:43 am #279093 LeoStaff Customer Support Hi John, Try this to change the width of the search field: input.search-field { max-width: 150px; } Not sure how to replace the text by an image – this topic is probably more suitable for the plugin author. On another note, are you only wanting search in secondary navigation? If so it might be better to use primary navigation as the secondary navigation. Tom made suggestion here: https://generatepress.com/forums/topic/move-navigation-search/#post-275175 Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ February 15, 2017 at 8:08 am #279154 johnzoro what about padding around the search input box? also how would i make the text smaller in the input box? February 15, 2017 at 8:15 am #279161 LeoStaff Customer Support Padding: form.bop-nav-search { padding: 10px 0px; } Text size: input.search-field { font-size: 15px; } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Author Posts Viewing 4 posts - 1 through 4 (of 4 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In