Grid breaks rows defined in the editor

---

Hi, just bought your plugin and having trouble integrating it into a custom theme. I'm currently embedding the Laygridder into a bootstrap fluid container. It scales to fit but, the Gridder breaks rows, which are defined in the editor. The padding of individual elements looks very strange, as seen in the gifs (links at the bottom)

I already removed Bootstrap and ResetCSS from my dependencies and embedded the Laygridder right into the body tag, but still same issue.

Any fixes for this? What am I doing wrong here?

In the Backend: https://ibb.co/RB9R0x4
Returned in the Frontend: https://ibb.co/K5vj7HL

Hi @tdiroll
thank ,you for writing us. We will have a look!

You cannot send us a link?

Best!

Marius

You can take a look at it here

link removed

and here

link removed

What I've tried so far:

_disabling all custom styles and JS libs
_embedding gridder directly into body with no other code
_used with twentyfifteen theme instead of custom theme
_moved site to another host (from local to the one above)

The only thing I haven't tried so far is switching Wordpress versions. I'm currently on 4.9.8.

I tested it with Wordpress 4.9 and TwentySeventeen theme and it worked. Then I updated it to 4.9.8 and it still did. Looking like this:

Then I switched over to my custom theme and the rows were breaking again looking like this:

So it has to be something in my theme, but as you can see in the screenshot I've completely removed all styles, dependencies, containers etc. and embedded the Laygrid right into the body tag.

So it has to be some Css or JS wich I'm missing to include. Any ideas?

So I figured it was the wp_head() function, which was missing in my theme. I rarely use it as a developer, as I do not depend on a lot of frontend plugins in my themes. As this function is theme dependent (see here) I think it should definitly be mentioned somewhere at the top of the docs as required! Lost a lot of time here, which my client won't pay.

Dear @tdiroll
thank you for letting us know!

We will consider that for the future

Have a good day!!!

Marius

Hey @tdiroll,

Please have a look at https://developer.wordpress.org/reference/functions/wp_head/#user-contributed-notes
"Example. Plugins and WordPress core use this function to insert crucial elements into your document (e.g., scripts, styles, and meta tags). Always put wp_head() just before the closing tag of your theme (usually in header.php)"

So for a theme it is required to fire this action in the head tag.

Best,
Felix