Docs

[501creative]

Doing a site search will open a tab that contains the main site of our server. Any subdomain that doesn’t exist on our server will load this site. It is doing this on both the development site as well as the live site. This only happens with Firefox. Other browsers do not display this behavior.

I have tried disabling all plugins, but a tab was still opened. I also tried removing the search from the menu and placing it directly on a page with no luck. I have many other sites on this server using X and have never seen this behavior before.

[501creative]

This reply has been marked as private.

[Jade]

Hi there,

The search lightbox is wrapped with an a tag which does the linking.

Have you done some customization to it? If so, you can simply set the target attribute or the link to _self instead of _blank.

[501creative]

There are no customizations other than using :after the target the menu item to add “Search” after the icon. Using Inspector I can see the link you are referring to wrapping the search overlay, but I can’t figure out where that is coming from.

The only place I use that link is in the footer on a “Created by” line.

[501creative]

Follow-up: I did look at the other sites I have created using the theme and the search forms are not wrapped in the tag.

<a href="http://501creative.com" target="_blank">
      <div class="x-searchform-overlay in">
        <div class="x-searchform-overlay-inner">
          <div class="x-container max width">
            <form method="get" id="searchform" class="form-search center-text" action="https://unitedboard.org/">
              <label for="s" class="cfc-h-tx tt-upper">Type and Press “enter” to Search</label>
              <input type="text" id="s" class="search-query cfc-h-tx center-text tt-upper" name="s">
            </form>
          </div>
        </div>
      </div>

      
  </a>

[Joao]

Hi There,

Please update your code to:

<a href="http://501creative.com">
      <div class="x-searchform-overlay in">
        <div class="x-searchform-overlay-inner">
          <div class="x-container max width">
            <form method="get" id="searchform" class="form-search center-text" action="https://unitedboard.org/">
              <label for="s" class="cfc-h-tx tt-upper">Type and Press “enter” to Search</label>
              <input type="text" id="s" class="search-query cfc-h-tx center-text tt-upper" name="s">
            </form>
          </div>
        </div>
      </div>

      
  </a>

Hope that helps

Joao

[501creative]

Thank you for the response. I haven’t edited the code for the search overlay and I’m not sure what part of the framework that this code resides in. I just grabbed that from the inspector.

That is what is so confusing. I’m not sure how it could have been wrapped in a link.

[Rue Nel]

Hello There,

Thanks for the updates!

It turns out that you have inserted an invalid html code:
http://prntscr.com/caxk0o

Please update the code:

<a href="#"><img src="/wp-content/themes/unitedboard/img/learn-more-no-text.png" alt="" /></a>
<p class="callout-title"><a href="http://unitedboard.501clients.com/home/learn-whole-person-education/">Learn<br>More</a></p>

Hope this helps. Kindly let us know.

[501creative]

Thank you for pointing that open tag out. I cleaned that section and made sure that there were no open tags, but the problem remains. I actually deleted the whole section on a test server and still had the issue. The entire search form is still wrapped in an and I can’t figure out where it is coming from. I did check the framework views that were modified in the child theme, but didn’t see anything.

[501creative]

Ah, never mind. I had an open tag in the wp-footer.php that was causing the issue. Didn’t think about the form loading after the footer.

Thanks for your help.

[Thai]

Glad you’ve sorted it out.

If you need anything else, please let us know 🙂

[Author]

Posts