Reply To: 2 Coloums on mobile?

New Front EN Support Forums Ikebana Theme Support 2 Coloums on mobile? Reply To: 2 Coloums on mobile?

#6610
satori
Keymaster

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