Button opening in new tab not working

[esi_hardy]

Hi, the functionality for a button opening and external page in a new tab is not working. Whenever it is pressed, the tab opens in the current page.

Can you help

[tristup]

Hi @Esi,

Thanks for reaching out.
I have checked the latest version of the theme and found that the Button element is opening the URL in a different tab if the New Tab option is selected.

Hope it helps.
Thanks

[esi_hardy]

Hi, this doesn’t help as this is not working on my website. I have selected “new tab” and nothing different happens. I have also checked that I am on the most updated version of the theme and I am. Is there a new update where I can install?

I have another theme co website where the same issue does not occur. This suggests to me that the problem is isolated . Please help

[esi_hardy]

I have now uploaded the latest version and doublechecked, the new tab button is still not working as it should

[alexander]

Hi @esi_hardy,

I’ve tested this as well and the button element works as expected. I have some thoughts to help us troubleshoot further. Try using your browser’s developer tools to inspect the button on the front end of your site. You should see something like this:

<a class="x-anchor x-anchor-button e1901-4 m1gt-3" tabindex="0" href="#test" target="_blank" rel="noopener noreferrer" style="outline: none;">
  <div class="x-anchor-content">
    <div class="x-anchor-text">
      <span class="x-anchor-text-primary">Learn More</span>
    </div>
  </div>
</a>

What’s important is that the a element has these attributes present:

target="_blank" rel="noopener noreferrer"

1. If they are not present, something might be rewriting markup on your server to change how HTML is output
2. If they are present, there might be some javascript running on the page that changes how clicking on links behaves.

In either case, it is likely that a 3rd party system is making a change to the behavior. I would recommend that you start by deactivating all plugins temporarily to see if that makes a difference. If you’re using a child theme, you can try switching directly to the core theme temporarily as well. These tests may help further isolate the problem.