Tagged: icon grid
Hello Kriesi team,
Since the update 4.7.1. the icon grid elements are stacked on top of each other in responsive view. The version I had installed prior to that is 4.6.3.1 which did not have the problem.
The problem can be seen on the staging site which is using 4.7.3 when viewed on mobile.
The live site (without the tst) I changed back to 4.6.3.1 as a temporary fix.
Please advise on how tho get the normal icon grid view back for the latest theme update.
Best regards,
Jan
Hey Jan,
There is a htaccess password prompt before being able to view the WordPress login page, please post those details in private as well.
Best regards,
Rikard
Hi Rikard,
Sorry, I see that my info was incomplete. See attached info
Best regards,
Jan
Hi,
Thank you for the update.
We added the following code in the Quick CSS field to fix the issue on mobile view temporarily.
.avia-icongrid-tooltip li article {
position: relative;
min-height: 250px;
}
We will also report the issue to our channel and let you know if an actual fix is ready.
Best regards,
Ismael
Hi Ismael,
Thanks for the fix.
I noticed that the fix in the Extra CSS field was different:
@media only screen and (max-width: 767px) {
ul.avia-icongrid-numrow-4 li{
padding:50px 0!important;
width:100%!important;
text-align:center!important;
}}
I used the CSS code from your message as it is more clean and it works as well.
Unless you want to comment on the difference in code, this thread can be closed.
Best regards,
Jan