• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Add search option next to nav bar in the header.

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Add search option next to nav bar in the header.

This topic is: resolved
  • This topic has 12 replies, 3 voices, and was last updated 12 years ago by Brad Dalton.
Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 4, 2013 at 4:58 pm #49251
    Hashim
    Member

    Hi there,

    Thank you for offering great support! I’m looking forward to complete the design of my website with your beautiful theme.

    I’ve managed to build the website just the way I want it. There is just one tiny thing that I don’t know how to do. If you can help me with that, than my site will be finished!

    How do I get the search option next to my navigation menu in the header, like on this site: http://amylynnandrews.com/ Look at what happens when you click on the little magnifying glass! Just beautiful!

    Thank you in advance!

    Sincerely,

    Hashim

    July 5, 2013 at 5:28 pm #49439
    AnitaC
    Keymaster

    That's called Search Toggle or Toggle Search - here's instructions - http://jackwhiting.co.uk/2012/toggle-a-search-box-with-jquery/#.


    Need help with customization or troubleshooting? Reach out to me.

    July 6, 2013 at 4:32 am #49492
    Hashim
    Member

    Dear Anitac,

    Thank you for your reply!

    This will be really helpful. The explanation on that page is very clear. The only problem is, that I don't know how to edit the html. Or better mentioned, how to access the file which contains the html. Do you know how I can edit html?

    Thank you in advance!

    Sincerely,

    Hashim

    July 7, 2013 at 6:39 am #49621
    AnitaC
    Keymaster

    The website I posted has now undergone a makeover and the link/url is not working. I was able to find a cached version and sent an email to another forum member to see if he might want to take a stab at this. If so, we'll post back.


    Need help with customization or troubleshooting? Reach out to me.

    July 11, 2013 at 6:58 am #50220
    Hashim
    Member

    Dear Anitac,

    Thank you for trying to help me with this.

    The new link to the post is:

    http://jackabox.co.uk/blog/toggle-a-search-box-with-jquery

    I tried to follow the exact steps as follows:

    I copied the html for the Search box in to the header.php file in the Epik theme (which I copied from the header.php in the Genesis theme).

    I copied the CSS into my styles.css file.

    I copied the jQuery into the footer.php file in the Epik theme (which I also copied from the footer.php in the Genesis theme)

    These instructions I got from Jack who wrote this post.

    But after trying that, this is the error I received:

    Parse error: syntax error, unexpected '<' in /home/laylamaj/public_html/wp-content/themes/epik/header.php on line 40

    Do you know what I'm doing wrong? I selected the code exactly as it is in his post and copied it into my file.

    I hope you can help me finally get this thing working. Also in order for this to work what should I do with the Search widget and the widget area for my header? Maybe I'm not getting this to work because I'm using a child theme which offers the option to add widgets in my header.

    Thank you in advance, Anitac!

    Sincerely,

    Hashim

    July 11, 2013 at 7:03 am #50223
    AnitaC
    Keymaster

    Without having the URL to your website, it will be pretty hard to continue assisting you. What theme are you using for your site? You reference that you copied some information from Epik. Is that the theme you are using?


    Need help with customization or troubleshooting? Reach out to me.

    July 11, 2013 at 7:07 am #50224
    Hashim
    Member

    Thank you Anitac for responding so fast!

    This is the URL to my website:

    http://www.laylamajnun.nl

    Sorry for not mentioning this earlier. I'm using the Epik theme just like the site:

    http://www.amylynnandrews.com

    Basically I'm looking for the same way to put my search box inside my header next to my navigation menu.

    I hope this information helps. Thank you in advance!

    Sincerely,

    Hashim

    July 11, 2013 at 7:16 am #50229
    AnitaC
    Keymaster

    Ohhh okay. Now see, Wes (the developer of the theme) has his own forum. I don't have access to his themes or code which makes it difficult for me to assist you. He's good about responding to inquiries. Post this over on his forum - http://appfinite.com/forum/. He should be able to tell you where you need to place the code so it works with his theme.


    Need help with customization or troubleshooting? Reach out to me.

    July 11, 2013 at 7:17 am #50230
    AnitaC
    Keymaster

    Correction - his forum link is - http://appfinite.com/forums/


    Need help with customization or troubleshooting? Reach out to me.

    July 11, 2013 at 7:24 am #50232
    Hashim
    Member

    Thank you Anitac!

    I'll do that!

    Thank you for helping me!

    Sincerely,

    Hashim

    July 20, 2013 at 6:47 pm #51662
    Brad Dalton
    Participant

    Try this Hashim http://wpsites.net/web-design/add-search-form-to-any-genesis-nav-menu/


    Tutorials for StudioPress Themes.

    July 4, 2014 at 5:11 pm #113004
    Hashim
    Member

    Hi Brad,

    It's a little bit late. But thank you for joining in this topic to help me out!

    Sincerely,

    Hashim

    July 4, 2014 at 8:14 pm #113012
    Brad Dalton
    Participant

    No worries Hashim

    I guess that means it works!


    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble