Add search to main menu

rajnikur · Member · Aug 8, 2017 at 8:08 pm
Copy link

Add topic to favorites
Is there a way to add a search function to the main menu? I’m using the Twenty seventeen theme.

Thank you!

The blog I need help with is: (visible only to logged in users)
tifanne83 · Member · Aug 8, 2017 at 8:53 pm
Copy link
Hi There,

Here is a link that explains the Search Widget:

https://en.support.wordpress.com/widgets/search-widget/

You can add it in the Twenty-Seventeen theme. To do so, click on My Site, then Customize next to Themes. Choose Widgets and then add the Search Widget. You can choose to put it in the sidebar or footer.

Hope that helps.
rajnikur · Member · Aug 8, 2017 at 9:01 pm
Copy link
Thank you @tifanneB3. Yes, I have it in my sidebar, I wanted to know if there was some CSS I could use to add it to my main menu.
tifanne83 · Member · Aug 8, 2017 at 11:15 pm
Copy link
I am not 100% sure on the custom CSS for this theme, so I added a modlook tag on this post to have a staff member help you out. :)
rajnikur · Member · Aug 8, 2017 at 11:20 pm
Copy link
Ok thank you @tifanneB3.

I am fairly new to the forum, am I posting in the wrong forum? I thought this was exclusively for CSS customization? Is there a forum / tag I should be adding for CSS help?

Thanks!
staff-zinnia · Staff · Aug 9, 2017 at 12:28 am
Copy link
Hi –

rajnikur, which site are you working on? Can you share the URL with me here?

This is the link to the CSS specific forum: https://en.forums.wordpress.com/forum/css-customization
rajnikur · Member · Aug 9, 2017 at 12:59 am
Copy link
HI @lizkarkoski, the site is https://kurilane.com. Hmm, I thought I did post in https://en.forums.wordpress.com/forum/css-customization…I clicked on add new on that page.
staff-zinnia · Staff · Aug 9, 2017 at 1:10 am
Copy link
My suggestion is that you rearrange the widget so that the Search bar is at the top of the side bar. This will make it more visible.

I am going to take a look at the CSS for the theme to see if it is possible to do what you’ve requested, and move it to the menu area.
rajnikur · Member · Aug 9, 2017 at 1:13 am
Copy link
Thanks @lizkarkoski, but that will not show the search on all pages. I am really looking for some CSS to put in on the main menu.
staff-zinnia · Staff · Aug 9, 2017 at 1:14 am
Copy link
I wasn’t able to see an obvious way to do that but I have asked some colleagues who are more experienced in CSS to take a look. I’ll post back here once I hear form them.
rajnikur · Member · Aug 9, 2017 at 1:16 am
Copy link
Thanks @lizkarkoski. @thesacredpath has been able to help with all my CSS requests – @thesacredpath, do you have any suggestions?
thesacredpath · Member · Aug 9, 2017 at 2:22 am
Copy link
Hi @rajnikur, given the way the html is structured, and give the way the menu gets fixed to the top of the screen when you scroll down, I do not see a way to do this reliably and have it work across screen sizes.
rajnikur · Member · Aug 9, 2017 at 2:42 am
Copy link
Oh that’s too bad. Thanks for your quick response @thesacredpath!
thesacredpath · Member · Aug 9, 2017 at 6:58 pm
Copy link
You are welcome.

No items found.