Support » Plugin: Ivory Search - WordPress Search Plugin » On clicking search icon, Ivory Search appends a hash to the URL and doesn’t open

  • Resolved Rajasekharan N

    (@nrajasekharan)


    Hi Vinod,

    You have coded a very good plugin, I love it.

    However, I have a problem. I was trying to making it work for the past one week, and somehow it worked by adding this to the plugin CSS:

    /* To make the icon come in line with navigation menu, inserted by Raj. */
         .is-menu {
        display: inline-block;
        float: right
        margin: 6px
    }
    
    /* To make the magnifying glass white, inserted by Raj. */
    .is-menu svg.search-icon {
        fill: #FFF;
    }

    The search icon is showing now; however, up on clicking the search icon, it appends a hash to the URL, and the search box doesn’t open. (Particularly on the Subscribe page, home page, and some of the posts.) I tried all Form Styles but of no help. I have given my site URL here. Please visit my site and help.

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    I hope you are well today and thank you for your question.

    I visited your shared site and it seems happening because your site generates javascript errors in the browser console causing Ivory Search javascript code not to work.

    Please clear and temporarily disable the cache that you are using on your site and then resolve the javascript errors.

    Best regards,

    Wow Vinod. Wonderful. You spotted it right on.

    BTW, I am doing good.

    It was the javascript minifying part of the W3 Total Cache that was the culprit. In its JS minify settings, the “After <body>” part had been chosen as “Default (blocking)”. When I changed its settings to “Non-blocking using async”, it is working now. However, there is one more glitch now.

    Except for the Full Width Form Style, in the mobile version (not the Amp version) the search box is getting displaced to the right beyond the page width in all other form styles; i.e., The Default, Dropdown, and the Sliding styles are displacing the search box to the right side beyond the page width. How to rectify that using CSS?

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    I have tested it and it displays fine for me as shown in this screenshot https://imgur.com/a/n7zUSUR

    Could you please share me the screenshot of the issue?

    Until now I had set the Form Style to Full Width to make it work. That’s why you saw it to be working okay.

    I changed the Form Style to Dropdown now. You may check now and see.

    Find the present screenshot here: https://imgur.com/a/ApzT6L8

    Note the search box getting displaced to the right beyond the page width.

    As I said above, in the Form Styles other than Full Width, the search box is getting displaced to the right.

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    You can resolve it by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings

    @media (max-width: 960px){
    #menu-header-navigation li.is-menu {
        float: left;
    }
    }

    Except for the “Default” Form Style, rest of the Form Styles are working good now, both on the mobiles and on the computer screens.

    With the “Default” Form Style chosen, the header and navigation bar is displaced like this on the computer screen: https://imgur.com/mmAXLq1

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    Again you need to display Default form style on your site so that I can troubleshoot it as it is specific to the theme that you are using on your site.

    Done. You may check now. 🙂

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    Please use the below custom CSS code to resolve it.

    .is-menu.default form.search-form {
        width: auto;
        float: none;
        display: inline;
    }
    .is-menu.default input.search-form-input {
        width: 190px;
        padding: 8px;
    }
    
    .is-menu.default input.search-form-submit {
        padding: 8px;
    }

    Wow. That brings an end to my issues.

    You are a gem of a person. You listened to my issues patiently and solved one by one. Surely will knock your door if I run again into any related problems of this plugin. I left a review of this plugin here and am marking this thread as resolved.

    Thank you Vinod for your time and the marvelous support you extended.

    I hope the discussion here would be helpful for anyone looking for an Ivory Search plugin related issue with the StudioPress’ Genesis Framework Eleven40 Pro theme.

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    You are always welcome here 🙂

    Thank you very much for your motivational review!

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