Hi, I have 2 hoover box in my homepage and it works perfectly fine on the website when you see it on a laptop but they dont turn around on mobile phones... which is a big problem as people cant click on the link.
Can you help me to see what is going on or why this is happening? when i try it on the front end editor and i see how is it supposed to be working on mobile phones it seems to work but in the practice that doesnt happen.
Please add more this code to Customize > Custom CSS to stop this hover effect on mobile - because as I know, this hover effect can't be does on mobile:
Hi, I have 2 hoover box in my homepage and it works perfectly fine on the website when you see it on a laptop but they dont turn around on mobile phones... which is a big problem as people cant click on the link.
Can you help me to see what is going on or why this is happening? when i try it on the front end editor and i see how is it supposed to be working on mobile phones it seems to work but in the practice that doesnt happen.
Thank you very much.
Mariana
Hi,
Please add more this code to Customize > Custom CSS to stop this hover effect on mobile - because as I know, this hover effect can't be does on mobile:
@media only screen and (max-width: 768px){ .vc-hoverbox-block { transform: rotate(0) !important; } .vc-hoverbox-block, .vc-hoverbox-block-inner *{ backface-visibility: visible; } .vc-hoverbox-block.vc-hoverbox-back { z-index: 5; background-color: rgba(235, 235, 235, 0.7) !important; } }Best Regards,
PenciDesign