Take look at this clip https://youtu.be/-mjB03FZuHE
The icon is configured to appear only on hover, and it works fine on large desktop screens.
But on narrow mobile screens it can cause problems (the button is too wide and gets pushed down)
I would like to have every possible icon that is set to appear on hover, to always appear only for mobile devices. Is that possible?
The button in the video is a button row.
Hey Leofiori,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width:767px){
#top .av-icon-on-hover .avia_button_icon {
width: 30px;
-webkit-transition: none;
transition: none;
opacity: 1;
}
}
If you need further assistance please let us know.
Best regards,
Victoria