• Resolved i1603

    (@i1603)


    Hello, is there any possibility (maybe a line of css?) to disable the hover/text effects on mobile and tablet ?
    Im using elementor and on desktop version everything looks ok but on mobile and tablet the effects are not looking that nice because there’s no cursor so when you’re pressing them things go bad…

Viewing 4 replies - 1 through 4 (of 4 total)
  • I also need this. Hover effects without a mouse just don’t work, we need the ability to turn it off on mobile devices PLEASE

    Just found this 3 or 4 messages down and it works like a charm. Thank you!

    @media(max-width : 767px){
    .eihe-box .eihe-caption {
    opacity: 1;
    transform: none;
    }
    }

    Thread Starter i1603

    (@i1603)

    for me is not working, i mean is doing something but i want to keep just the image, i want to remove the title and caption and the hover effect.

    I know this was a few months ago but in case it helps anyone else:

    This code from above will display the ‘rollover’ information (the color overlay, title and description) permanently over the image on mobile:

    @media(max-width : 767px){
    .eihe-box .eihe-caption {
    opacity: 1;
    transform: none;
    }
    }

    This will disable to ‘rollover’ state totally on mobile – so just the image:

    @media(max-width : 767px){
    .eihe-box .eihe-caption {
    display:none;
    }
    }
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘disable on mobile’ is closed to new replies.