I’m having an in-designer issue where my Grid element is not showing content correctly. It breaks when I add in the final column element.
Note: When I publish my site live, the grid displays correctly without the in-designer issues.
Basically, my grids are all aligning to the left and not using the correct amount of columns, for example the image below is showing 5 columns, but its only a 4 column grid:
If I delete the last element… the grid starts working correctly. It’s only when I fill the last column it breaks. As you can see I deleted the 4th element from the same grid in the images above:
So far I’ve tried to troubleshoot by doing the following:
- Using an incognito browser (no luck)
- Trying a different project (no luck)
- Removing all styles including inherited (no luck)
- Checked for custom code (none present that I could find)
Has anyone ran into this issue and have a possible fix?