Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #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, Jay

    #937997

    Hey brandreach_at,

    I am seeing the search icon here
    Image 2018-04-06 at 11.27.23.png

    Is it where you need it to be?

    Best regards,
    Victoria

    #938204

    Hi 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

    #938964

    Hi 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,
    Victoria

    #939019

    Hi 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

    #939150

    More Info

    #939595

    Hi 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.
    #940464

    Hi 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

    #941165

    Hi,

    Yes, please try it.
    The search should be loading properly after.

    Let us know if not – and we can check out.

    Best regards,
    Basilis

    #942667

    Hi 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

    #943785

    Hi,

    Why not add Victorias code and hide the other icon?
    That could solve your issue, right?

    Best regards,
    Basilis

    #945982

    Hi 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, Jay

    #947025

    Hi,

    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,
    Ismael

    #947258

    New 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, Jay

    #948808

    Hi,

    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,
    Ismael

    #952163

    Hi 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, Jay

    #953062

    Hi,

    The first option is not possible because of the way the search form is rendered inside the menu container. The form will always be appended outside the menu container. You have to use option B.

    Best regards,
    Ismael

Viewing 17 posts - 1 through 17 (of 17 total)
  • You must be logged in to reply to this topic.