Add search to main menu

  • Author
  • #3003239


    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



    Hi There,

    Here is a link that explains the 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.



    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.



    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. :)



    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?



    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:



    HI @lizkarkoski, the site is Hmm, I thought I did post in…I clicked on add new on that page.


    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.



    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.


    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.



    Thanks @lizkarkoski. @thesacredpath has been able to help with all my CSS requests – @thesacredpath, do you have any suggestions?


    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.



    Oh that’s too bad. Thanks for your quick response @thesacredpath!


    You are welcome.

The topic ‘Add search to main menu’ is closed to new replies.