• Resolved ellain3gab

    (@ellain3gab)


    Hello,

    I need help in showing the grid 3 cols properly. It somehow glitches when I refresh it and then stretched all throughout the page. Thank you so much for anyone who can help.

    Thank you! Please help me.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support pdclark

    (@pdclark)

    At the link, I am seeing under the “Featured Homes” heading, there is an Elementor Grid widget set to 3 columns, which then contains an Elementor Loop widget with the individual item widths set to 100%

    This is likely a question best sent to the Elementor team, since that is what controls the visual layout, but some things I might check would be:

    Inspect the Modules

    Does the page layout editor really have a Grid Module and then a Loop Module, or is it a single Loop Grid module? I would expect a single Loop Grid module, as documented at https://elementor.com/help/loop-grid/

    Consider CSS Conflicts

    Is there custom CSS which has been written on the site? I am seeing in the web inspector, when inspecting the full-width loop items, that there is this line:

    .elementor-widget-container .elementor-loop-container .e-loop-item[data-elementor-type="loop-item"] {
    width: 100%;
    }

    …on line 828 of the HTML output, within a style block <style id='astra-theme-css-inline-css'>, indicating it is CSS rules a person has inputting into a field provided by the Astra theme.

    Deleting that entire inline style block within the browser does not resolve, but that doesn’t mean there’s not conflicting styles elsewhere.

    Double-check the Modules

    Looking through the elements under the Featured Home heading, another thing I am noticing is that within the Grid Items, there are Sliders/Carousels. There might be a combination of functionality occurring which could use… simplification.

    Try simplifying the combination of Elementor modules and theme customizations in a separate layout to see if that yields expected results, then build from there.

    Thread Starter ellain3gab

    (@ellain3gab)

    Thank you @pdclark let me try that and get back here if there’s anything, I’ll also try to send Elementor team

    Thread Starter ellain3gab

    (@ellain3gab)

    I now know the issue @pdclark I used an image gallery inside the loop item template I created and so when you mentioned simplify the structure, I used only an image widget and it solved the problem.

    Thank you! Now I need to know how to use the image gallery inside the loop item and show it using a loop grid without them clashing.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Loop Grid Error with Pods Listing’ is closed to new replies.