Unable to remove hover effect of links on mobile site

  • Hi

    In my blog website there are blog pages which have a hover effect and work absolutely fine on a desktop and hover with a cursor on it.

    But while on the mobile screen the hover effect makes it to double tap on the link. 1st tap highlights the link and image of blog and 2nd tap then opens the blog.

    So I want to remove this on mobile only

    Thanks

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Please go to Appearance->Customize->Additional CSS then add that code

    @media(max-width:480px){
.premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img{
   transform: none;
}

.premium-blog-thumbnail-container:after, .premium-blog-thumbnail-container:before{
   display: none;
}
}

    If not work the first one then put that code please

    @media(max-width:480px){
.premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img{
    transform: none !important;
}

.premium-blog-thumbnail-container:after, .premium-blog-thumbnail-container:before{
    display: none !important;
}
}
    Thread Starter bakinggbad

    (@bakinggbad)

    Thankyou for the reply @jawad1234 , but the issue is not still not resolved actually.

    What this code did is just removed the hover effect of links on mobile, but I’m still having to double tap on the links to open it.

    Can I make it so that links open with just a single tap on the blog links on home page on mobile ?

    • This reply was modified 1 year, 11 months ago by bakinggbad.

    Ok but first please implement the above code again that I have share with you because I want to remove the effect then we will move to single tap thing

    Thread Starter bakinggbad

    (@bakinggbad)

    @jawad1234 Done

    pasted that code

    ok thank you and possible to record a video about the double tab ? because link open it in one click on my side

    Thread Starter bakinggbad

    (@bakinggbad)

    @jawad1234 Here’s the video I tried to capture. Device – iPhone 11

    IOS – 16

    Don’t know if I’m able to show double taps correctly.. but the links are opening only after double taps on them.. single tap turns the title to red.

    https://drive.google.com/file/d/1abn76OFBCb1axJGray9SAeK09fhWB45D/view?usp=drivesdk

    • This reply was modified 1 year, 11 months ago by bakinggbad.
    Thread Starter bakinggbad

    (@bakinggbad)

    @jawad1234?Update:

    I can see that its working fine now in android device only with single tap, but not on iPhones.. any workaround for that ?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Unable to remove hover effect of links on mobile site’ is closed to new replies.

Tags