hello, I have an icon grid in my website with a lot of issues in visiblity can you please check? thanks
any help on this, please?
Hi,
Sorry for the very late reply and thanks for the link to your site, I tested your #gridda section with the icon grid, and I noticed that it looks correct until the page finishes loading, which is when it breaks.
I found that if I block your merged avia-footer-scripts the error doesn’t occur, if you have any custom scripts please remove them and clear your browser cache and any caching plugins, and go to the theme option Enfold Theme Options > Performance > Delete old CSS and JS files and enable and then save your theme options.
If this solves the issue, then please take a closer look at your scripts, if you don’t have any custom scripts or if this doesn’t help, then try disabling Enfold Theme Options > Performance > JS & CSS file merging and compression and any caching or minifying plugins, and any server cache you can. Then start disabling plugins one at a time, clearing the cache after each one until the error stops.
If you don’t have any luck, please include an admin login in the Private Content area so I can try these steps and investigate further.
Best regards,
Mike
hi thanks for your reply, Ii don’t have custom scripts or plugins and tried your solutions with no luck, could be something related to custom css? I am sending you an admin login to check.
thanks
Hi,
Thank you for the login, I copied your page using the Enable Avia Layout Builder Debug and tested it on my new install localhost and the icon grid worked correctly.
I checked your Quick CSS and found the cause:
#gridda .avia-icongrid li .avia-icongrid-content {
padding: 0 3em;
}
I removed it for you, please clear your browser cache and check.
Best regards,
Mike