Can not visit link when click on the picture

Question

I have a 2 blocks. Photo and Video. In computer version when I click for them I can visit each link, but in mobile version they do no work, I mean they are not clickable. What is the problem?

    .media-links {
        width: 100%;
    }
    .media-links a {
        display: block;
        /*height: 190px*/
        ;
        width: 40%;
        float: left;
        background-repeat: no-repeat;
        background-size: 100%;
        text-decoration: none;
    }
    .media-links .video-link {
        background-image: url('../img/videos.png');
        margin-right: 10%;
    }
    .media-links .foto-link {
        background-image: url('../img/photos.png');
    }
    .media-links a {
        height: 200px;
    }
    
    @media (max-width: 767px) {
        .media-links a {
            height: 260px;
            margin-bottom: 50px;
            width: 45%;
        }
    }

    <div class="media-links">
    <p><a class="video-link" href="/qalereya/video">Video</a> 
    <a class="foto-link" href="/qalereya/foto-qalereya">foto</a></p>
    </div>

I thought maybe it is due to blocks overlay each other. How can I solve that?

Try to add `display: inline-block;` in `video-link` and `foto-link`, both classes — Satish Saini, Feb 26 '19 at 13:11
@SatishSaini I did as you said if I understood you correctly. it did not help. — , Feb 26 '19 at 13:15
Do you have a link to the webpage where we can see it not working? Code snippet you shared seems to be working fine in mobile devices. — Satish Saini, Mar 03 '19 at 08:18

score 0 · Answer 1 · answered Feb 26 '19 at 13:18

0

4 months ago I lived a problem similar this. When I click a link, I can visit each link, but just apple devices on safari not work. I changed my html link structure and I fixed. Sometimes some device/browser needs touchend event.

If you are living a problem just a device/browser. Maybe this link can help you: iPad/iPhone hover problem causes the user to double click a link

answered Feb 26 '19 at 13:18

M. Volkan

19
5

the problem is that they do not clickable in each device, not only in IPad/IPhone – Feb 26 '19 at 13:21

Can not visit link when click on the picture

1 Answers1

Linked