• Resolved bulletrainy

    (@bulletrainy)


    I’m using the Fusion Grid layout, and it looks great on desktop, the animations and spacing are perfect. However, on smaller screens (like tablets and mobile), some images overlap or resize incorrectly, especially when the browser window is resized dynamically.

    Is there a way to set custom responsive breakpoints or manually define how many columns appear at different screen sizes?

    I’d also like to know if there’s an option to adjust padding, margins, or aspect ratios for mobile layouts to improve alignment and spacing. Essentially, I’m looking for more control over how the Fusion Grid behaves on smaller devices to make the layout fully responsive and consistent across all screen sizes.

Viewing 1 replies (of 1 total)
  • Plugin Support roboalexsupport

    (@roboalexsupport)

    Thanks for your detailed message, and we’re really glad to hear that you like the Fusion Grid layout.

    The Fusion Grid includes several configuration modes that determine how the gallery behaves on different screen sizes. You can find these options in the General Settings section – they control responsiveness, mobile layout, and column behavior.

    Here’s what we recommend:

    • Start with the default layout and mobile settings, which automatically adapt the grid to most devices.
    • Then, experiment with the column customization options, you can define the maximum number of columns, adjust column width, and fine-tune how the layout adapts to various screen widths.
    • Keep in mind that your WordPress theme (and its built-in paddings or margins) may also affect gallery alignment, so behavior can vary depending on the page container.

    If you’ve already tried adjusting these parameters and still notice overlapping or spacing issues, please send us a link to your gallery page, we’ll be happy to take a closer look and help you configure it for perfect responsiveness across all screen sizes.

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.