Community Forums › Forums › Archived Forums › Design Tips and Tricks › Dropping search button
- This topic has 10 replies, 2 voices, and was last updated 9 years, 6 months ago by melmanka.
-
AuthorPosts
-
September 29, 2014 at 3:02 am #126121melmankaMember
Hello
Does anyone know how to make that cool effect of a dropping search button (from the main menu) as it is implemented on WP sites http://wpsites.net/ ??? Any advice where I can find suitable code or pluggin would be great. I am using METRO PRO theme. Thanks for any ideas...
Melmanka
http://wpsites.net/September 29, 2014 at 5:20 am #126128Brad DaltonParticipantSeptember 29, 2014 at 6:39 am #126133melmankaMemberThank you, looks complicated, though... I will take care of this issue at later stage, then.
September 29, 2014 at 7:09 pm #126208Brad DaltonParticipantCopy and paste job which can't be done without adding custom code.
Link to your site please.
September 30, 2014 at 5:40 am #126251melmankaMemberHello, thank you for additional info.
My site is http://lukaszgor.stronazen.pl/
It is based on METRO PRO and if I could have the same search button result as in WPsites it would be awesome. I doubt I can manage to change the coding myself, though... 🙁 It is too complicated for my capabilities in wordpress... 🙂October 1, 2014 at 6:45 am #126416melmankaMemberDear Brad
thank you for sharing manual of "Show & Hide Widget Using jQuery Toggle". I am not sure that it is exactly what I am looking for. I do not think I need to register new widget area or kook new widget before single content, as I would like to have exactly the same cool effect, as it is on WPSITES - drop from the main menu. Which part of the code should be used, then? Additionally, I do not get much the instruction of JQuery... Do I actually need to do this step or is it not needed...?
JQuery
1.Simply create a new file named toggle.js using a code editor like Notepad++.
2.Copy the JQuery from the Gist labelled toggle.js and paste it into the new file
3.Upload the file to the root directory of your child themes folder
4.Make sure the path in the functions.php file is correct if you decide to add the file into your existing JS folder or another location.Any further support from your side would be great
Thanks either way
MelmankaOctober 1, 2014 at 8:26 am #126426Brad DaltonParticipantTry this which is a little bit different http://wpsites.net/web-design/drop-down-nav-menu-search-form/
October 1, 2014 at 8:53 am #126430melmankaMemberWOW, thanks! I am so excited to give it a try:-) One question - where should I put toggle.js file?
October 1, 2014 at 2:52 pm #126468melmankaMemberDear Brad
Many thanks! I followed all the instructions and the result is almost perfect - http://lukaszgor.stronazen.pl/
I just still have 2 issues with it:
1. How to make sure that when any page is first open the toggle effect is hidden? Currently when I open any page, the toggle effect is already active, so the SEARCH (SZUKAJ) field is already open?
2. How in this already created awesome effect replace word SEARCH (SZUKAJ) with an icon which would fit nicely next to twitter, facebook, rss icons?You truly helped me a lot already and hope you still have some patience left for this matter with me 🙂
Thank you again!
MelmankaOctober 3, 2014 at 3:24 am #126643melmankaMemberDear Brad
Thanks a lot for your support so far! I experimented and the result is almost perfect - http://lukaszgor.stronazen.pl/
JUST - how to make sure that search widget with toggle effect is closed at first, when you enter the website for the first time? Currently when I open any page the search widget with toggle effect is being displayed, which is not that cool any more. This is the huge difference between WP sites and my site... 🙁
Additionally - is it possible to add 2 CSS classes instructions, so that instead of SEARCH description, an FontAwesome search icon would be shown? How to achieve it, if it is possible?
Many thanks for some final support related to this issue.
Regards
MelmankaOctober 6, 2014 at 4:29 am #126885melmankaMemberFinal reply below:
http://www.studiopress.community/topic/toggle-effect-appears-too-soon/ -
AuthorPosts
- The topic ‘Dropping search button’ is closed to new replies.