Tagged: icon grid
Hi All
any suggestion please ?
I would say that’s “by design” … because you can’t have a hover effect on mobile … so the most obvious solution is to not hide the “backside” of the flip-elements.
How would you solve that on a touch screen without hover?
honestly, I believe that by developing a responsive theme the obvious solution is not to create things that don’t work with mobile responsive.
What is the point of using a responsive theme also for tablets and mobile devices with icons that do not work on mobile? desktop icons only?
Can anyone tell me how to hide the flipback?
With that argument, you would also not use a main navigation on a responsive website because you have to show it differently on a mobile device (burger menu) compared to a desktop (full text links).
Most developers disagree with your opinion, i think.
Also … you don’t have to use that flip effect / you are not forced to use it … if you don’t want to use elements that are not possible to be the same on desktop and mobile …
Not sure, but i think the “flip effect” isn’t even part of the theme, or?
What would you recommend in a constructive way? What would be your preference for a good solution?
– displaying it differently on mobile? … how?
– don’t display the “backside” on mobile? … possible with a little bit of CSS *
– not using it at all? … possible
———-
* Edit:
To hide the “backside” on mobile try this in your child-theme CSS or in custom CSS:
@media only screen and (max-width:767px) {
.avia-icongrid-flipbox li .avia-icongrid-flipback {
display:none;
}
}
Info about how to add CSS modifications to Enfold:
=> https://kriesi.at/documentation/enfold/add-custom-css/