Reply To: Mobile searchbar focus / shifting issue

Hi,

Thank you for the details!

I’m afraid this is not related to our plugin – I checked the source and debugged the styling, but the search styling does not change, neither does the position. It is caused by the conatiner (the lightbox search container element).
It has some event handlers attached, which change the position of some of the items to fixed, and that causes the conflict. I assume there was a different search integrated to that box, specifically made for it, so it was working fine.

Try these custom CSS to get around them:

.mfp-wrap,
div#search-lightbox,
.searchform-wrapper,
.mfp-container .mfp-content {
    position: static !important;
}

div#ajaxsearchpro1_2 {
    position: static !important;
    top: 0px;
}

.mfp-container div.mfp-content {
    position: relative !important;
    top: 0 !important;
    height: 100%;
    padding-top: 120px !important;
}

Please note that these may not work, as the issue is not originated from our plugin.

If you want to auto focus the search when the magnifier icon is clicked, then try changing this configuration to:
.header-search.header-search-lightbox