Broken Layout

If your Robo Gallery layout looks broken, misaligned, or images appear in the wrong positions — don’t worry. This usually happens due to styling conflicts or specific theme/plugin combinations.

Below are the most common reasons and how to resolve them.


🔹 1. Theme Conflicts

Custom WordPress themes often include global CSS rules that can interfere with plugin output — including gallery grid styles, columns, and image wrappers.

✅ Try this:

  • Temporarily switch to a default WordPress theme like Twenty Twenty-Four.
  • If the issue disappears, it’s likely caused by your current theme’s stylesheets.

You can also try adjusting spacing and layout settings in the gallery editor after switching themes.


🔹 2. Conflicts with Other Plugins

Unnecessary or outdated plugins can load additional scripts or styles that affect layout rendering.

✅ Recommendation:

  • Deactivate all non-essential plugins.
  • Reactivate them one by one to find out which plugin causes the issue.
  • Remove plugins you don’t use.

🔹 3. jQuery Conflicts

Some themes or plugins include custom versions of jQuery or remove core WordPress dependencies. This can break interactive parts of Robo Gallery (like lightbox, filters, layout rendering).

✅ Solution:

In Robo Gallery > Settings > Compatibility Settings, select:

  • jQuery VersionAlternative
  • If that doesn’t help, try Forced Include (forces jQuery inclusion via WP API)

This resolves most JavaScript-related layout problems.


🔹 4. Delayed Image Positioning or Column “Jumping”

Sometimes, after the gallery loads, images appear misaligned or the number of columns adjusts unexpectedly.

This is usually caused by layout timing + image load delay.

✅ Fix:

In the Compatibility Settings tab, adjust the:

  • Size Calculations Delay value (default is 1000 ms)

Try increasing this value slightly to give the gallery more time to calculate spacing and columns correctly after all images are loaded.


🔹 Quick Checklist

  • Switch to a default theme temporarily
  • Disable unnecessary plugins
  • Enable alternative jQuery version
  • Adjust delay setting if column jumping occurs
  • Clear site cache (if using a caching plugin or server-side cache)