Masonry image effect not working, images placed vertically on top of one another

  • If on views, try to disable the Views Row Classes by going to disabling it under your Views display > Format > Masonry > Settings, then uncheck/unselect the “add views row classes”
  • Check the required Masonry libraries are installed and placed correctly, see the project page documentation and follow the exact installation of the libraries

Masonry images overlap on responsive and mobile views

Seems to be an intermittent and inconsistent error due to loading of javascript; normally reported as experienced on initial load, but when the view width is changed or resized (e.g. changing device on inspector mode, or when rotating mobile device views), images get loaded properly.