- This topic has 2 replies, 2 voices, and was last updated 8 years, 6 months ago by
.
-
Posts
-
Hey UNOT54,
first of all, thank you for the purchase!
The width of each masonry tile is automatically set to 100% of the page in the theme as soon as the width of the screen becomes smaller than the mobile breakpoint, which is calculated as follows:
( boxwidth + boxmargin + minmargin ) * 2
where boxwidth is the width of the 1×1 tile (default is 260, or whichever is set in the “Portfolio page items: box dimensions” field on the “Portfolio Page” tab of the theme Options panel), boxmargin is the space between tiles (16 by default, or the value of the “Portfolio page items: box margins” field on the “Portfolio Page” tab of the theme Options panel), and minmargin is 90. This is done in order to fit a non-fractional number of tiles per width until the masonry becomes 100% wide on smaller screens.
You can thus decrease the size of each tile by altering the “Portfolio page items: box dimensions” field on the “Portfolio Page” tab of the theme Options panel, which will force the masonry to switch to the 100%-width mode on smaller screens than most mobile phones.
Sincerely,
Andrii / Satori Studio
- You must be logged in to reply to this topic.