Hyper links aren't working in Mobile devices.

Question

User-1042970710 posted

Guys, can someone help me. I have the following html on our website.
the problem is the hyper links aren't working when I use mobile devices on desktop browsers they are working fine.

Here is the HTML for that 

<nav class="collapse navbar-collapse navbar-left" role="navigation">
          <ul id="nav" class="nav navbar-nav">
            <li class="hidden-lg hidden-md hidden-sm">
              <ul class="social-icons list-inline">
                <li style="width: 70px"><a href="javascript:void(0)"
                    onclick="window.open('index_en.aspx','_self');">English</a></li>
                <li style="width:70px"><a href="https://bayt.com/" target="_blank">Employment</a></li>
                <li><a href="https://www.facebook.com" target="_blank"><i class="fa fa-facebook"></i></a></li>
                <li><a href="https://twitter.com" target="_blank"><i class="fa fa-twitter"></i></a></li>
              </ul>
            </li>
            <li class="search_li  hidden-lg hidden-md hidden-sm">
              <div id="custom-search-form" class="form-search form-horizontal pull-left wow fadeInRight animated">
                <div class="box">
                  <div class="container-2 search-query"> <span class="icon" id="btn_search" onclick="openText()"><i
                        class="fa fa-search"></i></span>
                    <input type="search" name="search" onkeydown="search(this)" id="search" placeholder="البحث ...." />
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </nav>

When I replace 

<a href="https://bayt.com/" target="_blank">Employment</a>

with

<a href="javascript:void(0)" onclick="window.open('https://bayt.com/','_self');">Employment</a>

Things work fine in mobile but then they are not clickable in desktop browsers.

Can anyone help me, Thanks.