2 replies · opened Jan 6, 2022
Hi,
I am using canvas blog grid, however, I have an issue. The content within the blog grid are loaded via ajax. However, once they load, they disappear within seconds or the grid doesn't show at all.
It sometimes has no issues on smaller screens but its very glitchy.
Do you know what could be preventing this?
If you look at the source code, you will find that the content are loaded correctly via AJax, it just doesn't show.
I removed grid-container class from the following line and it seemed to work. Would you be able to fix the glitch?
<div id="posts" class="post-grid row gutter-30" data-layout="fitRows">
Hello,
The .grid-container Class activates the Masonry Layout for the Items in the Grid. You can definitely remove this class as this will work fine with AJAX Content, however, if you plan on using the masonry/filter functionality, you can simply use the following code in the AJAX Success Callback:
[ch_pre type="css"]jQuery('.grid-container').isotope('layout');[/ch_pre]
This will definitely fix the issue. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard