Hyper links aren't working in Mobile devices. RRS feed

  • 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)"
                    <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>
                <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="البحث ...." />

    When I replace 

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


    <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.

    Sunday, May 23, 2021 7:20 AM