New Front EN › Support Forums › Ikebana Theme Support › 2 Coloums on mobile?
Tagged: mobile
- This topic has 2 replies, 2 voices, and was last updated 8 years, 6 months ago by
UNOT54.
-
AuthorPosts
-
February 22, 2015 at 6:09 pm #6607
UNOT54
MemberHello
I use the Ikebana Themes on my site. How I can set 2 colums on mobile ?
February 23, 2015 at 10:43 am #6610satori
KeymasterHey 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 StudioFebruary 23, 2015 at 9:32 pm #6614UNOT54
MemberHello
Thx for the answer. Its works. but then are the images on desktop to small? on mobile (iphone 5) they make 2 coloums with a box size of 60 px…on the desktop is this to small. Is there a other way?
thx a lot.
-
AuthorPosts
- You must be logged in to reply to this topic.