Pages overlapping problem

Now I just using the following code to hide the post
#post-2349 {
display: none;
}

But I am seeking the true solution for long term.

Thanks

Hi, I think this is due to the Simple Masonry Layout plugin you’re using as it uses the absolute CSS position attribute to style the “grid” of the posts. Are you able to move the 2349 post outside of the Simple Masonry grid?

I think that should resolve the issue for you in terms of the content overlapping.

Hi @jarretc,

Thanks for telling me this. But I still wonder how to move the post 2349 out since I did not find any options in Simple Masonry Layout. Should I do the moving in coding or there is a way using the options in dashboard?

Thanks

Hello again, not quite sure on this one. Never used Simple Masonry Layout before so not familiar with it. Looking at the source code though somehow post 2349 ended up inside of the masonry stuff. This is what the source code looks like broken down:

<div class="smblog_masonry_numcol">
	<div class="sm-grid sm-effect masonry" id="sm-grid-layout" style="position: relative; height: 729.172px;">
                            
 		<article class="grid-sm-boxes-in masonry-brick animate" id="post-2363" style="position: absolute; left: 0px; top: 0px;">
		</article>

		<article id="post-2349" class="post-2349 post type-post status-publish format-video has-post-thumbnail hentry category-addison category-all-things-to-do category-design-district category-plano category-restaurants tag-best-pizza tag-dallas-pizza tag-new-to-dallas-guide tag-pie-tap tag-pizza post_format-post-format-video masonry-brick">
		</article><!-- #post-## -->

 		<article class="grid-sm-boxes-in masonry-brick animate" id="post-1952" style="position: absolute; left: 274px; top: 0px;">
		</article>
            
     </div>
</div>

Can you find anything in the dashboard options that would control how that post ended up in the middle of the grid layout?