Add search option next to nav bar in the header.

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

This topic is: resolved

This topic contains 12 replies, has 3 voices, and was last updated by  braddalton 3 weeks, 3 days ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #49251

    Hashim
    Participant
    Post count: 14

    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

    #49439

    anitac
    Participant
    Post count: 7031

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


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #49492

    Hashim
    Participant
    Post count: 14

    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

    #49621

    anitac
    Participant
    Post count: 7031

    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.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #50220

    Hashim
    Participant
    Post count: 14

    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

    #50223

    anitac
    Participant
    Post count: 7031

    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?


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #50224

    Hashim
    Participant
    Post count: 14

    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

    #50229

    anitac
    Participant
    Post count: 7031

    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.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #50230

    anitac
    Participant
    Post count: 7031

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


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #50232

    Hashim
    Participant
    Post count: 14

    Thank you Anitac!

    I’ll do that!

    Thank you for helping me!

    Sincerely,

    Hashim

    #51662

    braddalton
    Participant
    Post count: 8873

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


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #113004

    Hashim
    Participant
    Post count: 14

    Hi Brad,

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

    Sincerely,

    Hashim

    #113012

    braddalton
    Participant
    Post count: 8873

    No worries Hashim

    I guess that means it works!


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.