Food factory recipes are overlapping

hi,

i am using food factory rustic for my recipe blog (chefdayradley.com). the recipes on the landing page are occasionally overlapping. This doesnt happen all the time, just occasionally, maybe about 1/4 times i go to this page. how can i fix this?

DANALIESE
asked10 years ago
Views 1255
2
9 Answers

Hi Danielle,
can you please install and activate ‘Unveil Lazy Load’ plugin from WordPress repository. The layout is loaded via masonry script and therefore the images need to be preloaded so the script will work properly. Additionally you may switch off the ‘load images on scroll’ in the Theme Options ► Blog tab. That should solve the issue. If the issue persist please raise a support ticket so we can take a closer look.
Best regards,
Jake

Themebullet - 10 years ago

THANKS JAKE, THIS HAS SOLVED THE PROBLEM.
BEST WISHES,
DAY

DANALIESE - 10 years ago

Thank you for letting us know. Glad it worked for you :)
Best regards,
Jake

Avatar photoThemebullet Staff - 10 years ago
1

HI JAKE, SORRY, IT WAS FIXED FOR A WHILE BUT HAS NOT STARTED OVER LAPPING AGAIN.
FROM DAY

DANALIESE - 10 years ago

SORRY I MEANT IT HAS STARTED OVER LAPPING AGAIN!

DANALIESE - 10 years ago

Hello Danaliese,
can you please raise a support ticket and provide an temporary administrator access to your site please. I will take a look at this for your and see what’s going on.
Best regards,
Jake

Avatar photoThemebullet Staff - 10 years ago

SURE, HOW DO I DO THAT?

DANALIESE - 10 years ago

You can raise a ticket here: http://www.themebullet.com/support/ and click ‘Create a Ticket’ button.
Kind regards,
Jake

Avatar photoThemebullet Staff - 10 years ago

Hi… I believe the problem is not the Masonry or the lazy load plugins in-of-them-selves… not even necessarily a FactoryTheme problem. I had the same issue and I have narrowed it down to the “Featured Image” of WordPress.
When you set a Featured image, usually we all use a large image that spans the recipe page width. However, the “featured image” is the same exact LARGE IMAGE that is loaded in the masonry on the home page. Now, if you have the ThemeOptions “posts” set to display the default of 10… and then X’s that by say 150KB (avg) you will end up loading over 2MB’s of image size on the start of the home page. Even using lazy loading, it still has to load all the images and if you have to much KB/MB’s loading the div’s draw on the screen before the images finish loading. Thats why we get the overlapping.
What I did to minimize the problem…
1) I set my post count to 6 instead of 10.
2) Images MUST be no wider than the recipe page (800 pixels)
3) Make sure images are compressed as much as you can.
Doing these 3 things has limited load times on the home page drastically.
I hardly see the problem anymore… except on slower internet connections.
If there was a way for Theme Bullet to give use a choice of image sizes for Recipe and one for Masonry… that would solve the issue forever.
Thanks

Technipixel - 10 years ago
1

This question has been marked as resolved. The solution has been found and no further answers are needed.