Unfortunately, I have again a problem ๐
In the menu, I added three points as an hover-effect.
It looks fine on the screen, but on mobile device (for example ios), i will hide this picture. How can i solve this in css? Or can you say me the general selector for mobile?
.main-navigation ul li a:before{
content:url(###/3dots.gif);
position: absolute;
bottom: -15px;
left: 38%;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
opacity: 0;
}
.main-navigation ul li a:hover:before{
zoom: 1;
filter: alpha(opacity=50);
opacity: 1;
}
THX