Add search to main menu

  • Author
    Posts
  • #3003239

    rajnikur
    Member

    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 kurilane.com.

    #3003351

    tifanne83
    Member

    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.

    #3003352

    rajnikur
    Member

    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.

    #3003364

    tifanne83
    Member

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

    #3003366

    rajnikur
    Member

    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!

    #3003370

    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

    #3003372

    rajnikur
    Member

    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.

    #3003376

    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.

    #3003377

    rajnikur
    Member

    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.

    #3003378

    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.

    #3003379

    rajnikur
    Member

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

    #3003380

    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.

    #3003382

    rajnikur
    Member

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

    #3003491

    You are welcome.

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