-
AuthorPosts
-
April 4, 2018 at 6:35 pm #937340
Hi guys
I tried to move the submenu to the icon-only submenu top right of the header following this instruction here:
Didnt work :).
Behavior: when the shortcode was placed in the name tag i just got no search and when the shortcode was placed in the title tag the menu entry I was using just disappeared. Thats why you will find a menu containing just one item only atm.
Can you check please? Credentials in the private area.Thanks
Kr, JayApril 6, 2018 at 5:28 am #937997April 6, 2018 at 11:19 am #938204Hi Victoria
Yep, correct I ve put it back in the menu. So thats fine.
I need the [avia_search] part working. At the moment it is linked to the search url directly as a workaround, because the linked instruction here _https://kriesi.at/support/topic/avia-search-icon-in-secondary-menu/_ didnt work for me.Kr, Jay
April 9, 2018 at 6:40 am #938964Hi Jay,
The thing is that the shortcode gets the search form and inserts it where you call it, so technically this part works, but the form is not surrounded with the correct html to be working as it works when you add it to the main menu and that’s why it is not a fully working solution.
You might want to go for a plugin to accomplish this or write custom code to have the search form there.
Best regards,
VictoriaApril 9, 2018 at 9:16 am #939019Hi Victoria
Thanks. I would love to have it as this little ajax box. Like we have it here on the kriesi site. The search boxes I found are all placed directly in the menu, where i dont have the space.
Kr, Jay
April 9, 2018 at 1:07 pm #939150More Info
April 10, 2018 at 6:44 am #939595Hi brandreach_at,
Here is the code you can put in your funtions.php
function move_header_search() { ?> <script type="text/javascript"> (function($) { $(window).load(function() { $('#menu-item-search').appendTo($('#avia2-menu')); }()); })(jQuery); </script> <?php } add_action('wp_footer', 'move_header_search');
The search icon has to be added to the menu first, I checked that box for you.
And you will need to hide the icon in the main menu#avia-menu #menu-item-search { display: none; }
If you need further assistance please let us know.
Best regards,
Victoria- This reply was modified 6 years, 8 months ago by Victoria.
April 11, 2018 at 12:28 pm #940464Hi Victoria
Thanks, done that. To complete this, do I need to add
add_shortcode(‘avia_search’, ‘get_search_form’);
and use
[avia_search]
int the link?
Kr, Jay
April 12, 2018 at 11:27 pm #941165Hi,
Yes, please try it.
The search should be loading properly after.Let us know if not – and we can check out.
Best regards,
BasilisApril 16, 2018 at 5:20 pm #942667Hi Basilis
Victorias code will add another icon to the right menu, which will display an ajax search, but it doesnt allow me to add the search to the icon I need. Any ideas? I have commented that part out, cause I end up with two search icons then.
Kr, Jay
April 18, 2018 at 11:22 pm #943785Hi,
Why not add Victorias code and hide the other icon?
That could solve your issue, right?Best regards,
BasilisApril 24, 2018 at 3:46 pm #945982Hi Basilis
The solution is nearly there. It comes with its own icon and luckily the differences to the icon which was specified are marginal.
The problem is: the order of the icon cannot be changed. The search icon is added at the end of the second menu independent from what I have defined as a menu item and should be at the beginning.
So the short code I have added as a menu entry directly doesnt do anything. Pls see also screenshot link attached.Please recheck, I have left the configuration online as described. :)
Cheers
Kr, JayApril 26, 2018 at 3:46 am #947025Hi,
We would like to check this but the login credentials are not working. Please check it carefully. Did you try the shortcode route? Remove your own icon and replace it with the search shortcode.
Best regards,
IsmaelApril 26, 2018 at 1:44 pm #947258New credentials in private content.
Tried as careful as possible :).
It looks like the menu doesnt care; the search icon is added at the end and the short-code in my menu doesnt expand as expected.Thanks.
Kr, JayApril 30, 2018 at 7:14 am #948808Hi,
How did you add your own search icon? Please try this css code to move the search shortcode to the left of the map pin icon and increase its size.
#header_meta .sub_menu li { float: right; } #top .menu-item-search-dropdown > a, #searchform #searchsubmit, .ajax_search_image, .iconfont { font-size: 30px; }
Best regards,
IsmaelMay 5, 2018 at 8:23 pm #952163Hi Ismael
Thanks so far :).
There is a plugin which inserts the icons. The Icons are set through the WP menu editor then.
Let me ask for clarification: is it possible to add the ajax (overlay) search box to any menu item? lets call that option A. If yes I would be happy to continue with that.
Option B: if no – and it looks like that atm – then I guess the answer is: the search box will always appear as an additional menu item at the end of any menu we define.
Please clarify :).
Kr, JayMay 8, 2018 at 5:12 am #953062 -
AuthorPosts
- You must be logged in to reply to this topic.