JJaySmokeNov 9, 2021
Hello,
I noticed something with the masonry feature in that, it aligns to the right instead of to the left. Can this be rectified?
Masonry Alignment
3 replies · opened Nov 9, 2021
SSemicolon WebSTAFFNov 10, 2021
Hello,
The Alignment of the Items happening currently is correctly based on the Masonry Layout. However, if you would like to align the Items like a Grid ignoring the variable heights of the Items, simply add the data-layout="fitRows" Attribute to the .grid-container DIV. Example:
[ch_pre][/ch_pre]
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
JJaySmokeNov 10, 2021
fitRows is not exactly what I want. So from your explanation basically the Masonry layout can't be aligned to the left?
SSemicolon WebSTAFFNov 10, 2021
Hello,
These are the Layout Modes you can currently use: https://isotope.metafizzy.co/layout-modes.html . The Item in your masonry grid is moving to the right because the Last Item has a smaller height, so the next item fills the space.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard